html - Why animation does not work when using the ngFor directive?

Question

There are two pieces of code

1. <app-card [model] = "models [0]"> </app-card> When rendering and clicking on the button, additional content opens. Before click After click

2. <app-card * ngFor = "let model of models" [model] = "model"> </app-card> Using ngFor, the button does nothing, while the method that handles the event is triggered. image

How to make cards work correctly with ngFor?

question from:https://stackoverflow.com/questions/65940405/why-animation-does-not-work-when-using-the-ngfor-directive

Answer 1

Waitting for answers