Ich muss eine ngFor -Liste animieren, wenn sie ausgefüllt und angezeigt wird. Jedes Element sollte einen Übergang haben, sagen wir etwas Ähnliches .
Wie kann ich das tun?
Es gibt ein paar Probleme, weil ngFor ein paar redundante Add / Removes enthält, die dazu führen, dass Elemente animiert werden, die nicht sollten:
Plunker-Beispiel (RC.x) von Ссылка demonstriert das Problem.
Aktualisieren
Das wurde vor langer Zeit behoben
funktioniert Plunker-Beispiel (2.4.x)
Es gibt jetzt den Leitfaden zu Angulars Animationssystem . Dies hilft, wenn wir etwas Besonderes machen wollen, wie zum Beispiel die Animation für Elemente, die nach der Initialisierung der Komponente hinzugefügt wurden, und nicht die, die bereits vorhanden sind. Ich habe die vorherige Antwort geändert, um es auf Angular 2 zu machen.
Plunker: Ссылка
%Vor%Tags und Links angular transition angular-animations