2017-07-26 5 views
2

Wie kann ich das Dialogfeld "Angular Material 2" animieren?Wie kann ich das Dialogfeld "Angular Material 2" animieren?

Ich versuchte mit der normalen Angular 2+ Animation Theorie. es funktioniert, aber was passiert, wenn die Elemente im Dialog (wie erwartet) animiert werden und der Dialog einfach bleibt. Aber was ich will, ist der Dialog selbst sollte animieren, zum Beispiel sollte die Deckkraft in ein paar Sekunden von 1 bis 0 gehen.

Ich habe auch überprüft, ob die MdDialog.close()-Methode hat Optionen zu animieren, aber es scheint nichts.

Das Animieren der Deckkraft eines Dialogs von 1 bis 0 (vor dem Schließen zum Beispiel) ist ein häufiger Anwendungsfall, wie kann ich das mit dem Dialogfeld "Angular Material 2" erreichen?

Antwort

0

Der Dialog sollte standardmäßig wie here animiert werden. Hast du BrowserAnimationsModule in deine App aufgenommen?

+0

Ich möchte eine benutzerdefinierte Animation machen, zum Beispiel sollte die Opazität in ein paar Sekunden von 1 bis 0 gehen. – coder