Animate.css und Angular 4

Question

Ich habe ein wenig herum gestochert, und es scheint, dass es wirklich keinen direkten Weg gibt, die Animate.css-Animationen in Angular arbeiten zu lassen. Das heißt, die Animationen müssten im Wesentlichen aus der Animate.css-Bibliothek entfernt und in Angular-Animationen übersetzt werden.

Gibt es etwas, das mir fehlt, oder irgendwelche Ressourcen, die ich zu diesem Thema verpasst habe? Gibt es sonst noch andere Animationsbibliotheken, die mit Angular 4 funktionieren?

Answer 1

Ich habe versucht, diese CSS-Bibliothek in Angular 4 arbeiten und eine Lösung finden. Installieren Sie es nicht über npm, fügen Sie einfach den cdn-Link von Animate.css zur Datei index.html hinzu und fügen Sie dann die entsprechenden Klassen zu Ihren Elementen hinzu. Funktioniert für mich.

Edit: Das ist Ihre index.html

<link rel="stylesheet" 
 
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">

Und dies ist ein Beispiel dafür mit Bootstrap arbeiten:

<li class="col-sm-12 col-md-12 col-lg-4 animated slideInUp">