Hier müssen Sie Folgendes tun:
pnrnr hier: Ссылка
Entfernen Sie stateAnimate verwenden Sie %code%
Ersetze deinen %code% Trigger mit diesem:
%Vor%Hier ist der vollständige Code:
%Vor%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%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 query() und animateChild() eingeführt. Die neuen Animationsfunktionen sind ab 4.2.0-rc2 verfügbar.
Zusammenfassend:
Komponentendefinition
%Vor%Hier gibt es ein funktionierendes Beispiel: Ссылка
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 *ngIf="expanded" und [@stateAnimation]="expanded" 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 stateAnimate verwenden Sie %code%
Ersetze deinen %code% Trigger mit diesem:
%Vor%Hier ist der vollständige Code:
%Vor%Tags und Links angular typescript angular-ng-if