So führen Sie Code nach Angular-Material-Animationen aus

8

Ich verwende Angular Material auf einer Website. Als Responsive-Framework verarbeitet es Rendering bei verschiedenen Fenstergrößen. Wenn Sie die Fenstergröße ändern, fügt es einige Animationen des Layouts hinzu und steuert die Bewegung

Beispiel: Ссылка (öffnen Sie den Link und ändern Sie die Größe des Fensters)

Ich habe auf den im Beispiel gezeigten Kacheln eine WebGL-Arbeitsfläche, die nach Abschluss der Animation neu gezeichnet werden muss (und der Container hat die endgültigen Abmessungen).

Wie kann ich callback oder promise erhalten, damit die UI-Animationen vollständig sind?

    
Xocoatzin 06.05.2016, 21:39
quelle

2 Antworten

4

Die Lösung für dieses Problem besteht darin, das Attribut md-on-layout zu md-grid-list ( docs ).

Beispiel:

HTML :

%Vor%

Controller :

%Vor%     
Xocoatzin 09.05.2016, 17:32
quelle
0

Sie können das Attribut md-on-layout , das als Teil der md-grid-list -Direktive angegeben ist, an einen Ausdruck oder eine Funktion übergeben. Dies wird ausgeführt, sobald sich Ihr Layout ändert.

Richtlinie verwenden

%Vor%

Controller

%Vor%

Ich habe einen Codepen mit der Implementierung erstellt, die eine console.log bei Layoutänderung enthält: Ссылка

    
Aditya Singh 09.05.2016 17:35
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Javascript / webpack: Wie verkette ich alle JSON-Dateien im Verzeichnis mit einer benutzerdefinierten Schleife über Dateien?