All we need is an easy explanation of the problem, so here it is.
How can I get the divs created using
ng-repeat to slide down..I mean grow in size ON LOAD.
I want to achieve this using
ng-animate and the animation should trigger when the page loads.
I am looking at this example given in the docs wherein the animation beautifully runs when you filter the items but not when the page loads.
I am using version 1.2.0
A working fiddle or plunk would be appreciated. Thanks in advance.
How to solve :
I know you bored from this bug, So we are here to help you! Take a deep breath and look at the explanation of your problem. We have many solutions to this problem, But we recommend you to use the first method because it is tested & true method that will 100% work for you.
In order to show ng-repeat animation on page load, the target array has to be initially empty. Then assigned with values.
This demo used
$timeout to set
friends value in a later time so the enter animation can be triggered.
Can you look below url example of nganimate in ng-repeat:
If you are using latest version of Angularjs you need to inject ‘ngAnimate’ in your app and also need to added dependent js file that is “angular-animate.min.js”
I am also trying to achieve this. AFAIK the only way is to add the items to the list after page digest.
Note: Use and implement method 1 because this method fully tested our system.
Thank you 🙂