Hier müssen Sie Folgendes tun:
pnrnr hier: Ссылка
Entfernen Sie %code% verwenden Sie %code%
Ersetze deinen %code% Trigger mit diesem:
%Vor%Hier ist der vollständige Code:
%Vor%In der Hoffnung, anderen die Frustration zu ersparen, sieht es so aus, als wäre es ein Bug mit Angular 4.
Gegenwärtig gibt es zwei offene Probleme auf Github, die ziemlich eng verwandt erscheinen:
Aktualisieren
Laut dem github-Problem wird der Animationsfehler nicht so funktionieren wie in Angular2. Stattdessen werden %code% und %code% eingeführt. Die neuen Animationsfunktionen sind ab 4.2.0-rc2 verfügbar.
Zusammenfassend:
Komponentendefinition
%Vor%Hier gibt es ein funktionierendes Beispiel: Ссылка
Ich habe einen Container, der expandiert / schrumpft. Innerhalb dieses Containers befindet sich ein Element, das eingeblendet werden soll, wenn der Container expandiert und ausgeblendet wird, wenn der Container verkleinert wird.
Mein Problem
Wie führe ich alle Animationen parallel unter Expand / Shrink-Bedingungen aus?
Beachten Sie die Verwendung von ngIf . Dies ist beabsichtigt, da es das Element am Ende der Animationssequenz zerstört.
Hier ist ein Plunkr meines momentanen Zustands: Ссылка
Die Komponentenklasse:
%Vor%Die Vorlage:
%Vor%und die Komponentenanimation:
%Vor%Hier müssen Sie Folgendes tun:
pnrnr hier: Ссылка
Entfernen Sie %code% verwenden Sie %code%
Ersetze deinen %code% Trigger mit diesem:
%Vor%Hier ist der vollständige Code:
%Vor%