Animation and NGView

55 views
Skip to first unread message

Rasheed H. Ali

unread,
Oct 2, 2013, 4:28:21 PM10/2/13
to ang...@googlegroups.com
I spent this morning looking to build out a sliding panel, similiar to the example in the ngView documentation to react to parts of a piechart(KendoUI) are clicked. 

I am able to write to console on click so I am just looking to see what ANGULAR command I need to do to change templates. That has been easy enough: here is an example of how it's achieved. 


the problem is how do I get this to use animation? Is the version of Angular the problem? When I add ng-animate="{enter: 'enter', leave: 'leave'} I don't get the effect. 

I think I need to dive more into the CSS Transitions.. which I'm a little tired of doing after reading docs and blogs on ngAnimate. Can anyone point me in a good direction? Thanks!

Rasheed H. Ali

unread,
Oct 2, 2013, 4:32:59 PM10/2/13
to ang...@googlegroups.com

Rasheed H. Ali

unread,
Oct 2, 2013, 11:35:15 PM10/2/13
to ang...@googlegroups.com
So i've updated the Plnk. 

I've changed the angularJS version to 1.1.5 (thanks Arka), and I've added the animation code "ng-animate="{ enter: 'animation-enter', leave: 'animation-leave', ...}"

I am still not getting animation. 


On Wednesday, October 2, 2013 4:32:59 PM UTC-4, Rasheed H. Ali wrote:

Rasheed H. Ali

unread,
Oct 5, 2013, 10:46:03 PM10/5/13
to ang...@googlegroups.com
I've been able to get the Leave to animate out. 

I'm working on making the Enter animate in.. It's being very stubborn. 
Reply all
Reply to author
Forward
0 new messages