Angular animations

[Aron Meszaros]

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....

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 })

])

])

[manish pamnani]

The above images doesn't  helps in identifying the problem, can you provide the minimal reproduction of the problem or provide the code om the github to have a closer look at it?