Hello everyone, I have a small but very annoying problem, hope you can help
me with that, I'd like to make a simple animation of a list of elements
with angular animations where each element is animated after the other; I
followed the documentation and did everything the same way but had to
modify it also to work but somehow nothing other than that wants to work I
have a simple array of elements which gets loaded at the start of the
program but the animation for each one is not possible due to the query
saying that nothing was returned even when I put a div, a class with a
specific name the :enter criteria, I just cant get anywhere with it, hope
someone who has experience with the animation finds this question and could
give me some advice, Thank you in advance....
[image: Screenshot 2020-01-28 at 05.10.35.png]
animations: [
trigger('listAnimation', [
transition('* => *', [ // each time the binding value changes
query(':leave', [
stagger(1000, [
animate('1s', style({ opacity: 0 }))
])
], { optional: true }),
query(':enter', [
style({ opacity: 0 }),
stagger(1000, [
animate('1s', style({ opacity: 1 }))
])
], { optional: true })
])
])
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular/924fa54a-14a7-4a71-a2c5-9d93e2f08658%40googlegroups.com.
