Animate.css und Angularjs ng-hide

8

Ich lerne und experimentiere mit Angularjs und animate.css. Ich versuche Animationen hinzuzufügen, wenn die ng-show wahr oder falsch ist. Das Zeigen und Verstecken funktioniert, aber nicht die Animationen. Hoffe jemand hier kann mir zeigen, was ich falsch mache.

Hier ist das Plunk .

Danke für die Hilfe.

    
Miguel-.o 24.06.2014, 03:18
quelle

2 Antworten

10

Hier ist eine leicht modifizierte Version Ihres Codes, wobei ng-show und animate.css zusammenarbeiten.

HTML

%Vor%

JavaScript

%Vor%

CSS

%Vor%

Ссылка

Beachten Sie die Optionen auf der linken Seite (body-Tag, externe Ressourcen), die gesetzt werden müssen, um in jsfiddle auf und ab zu laufen.

    
wizeowl 10.10.2014, 15:20
quelle
1

Ich habe eine Lösung gefunden, die mit ngAnimate und animate.css zu funktionieren scheint und ich habe die Version auf 1.2.17 aktualisiert und es scheint immer noch mit dieser Methode zu funktionieren ... nicht sicher, warum ich nicht in einem Plunkr reproduzieren konnte: Ссылка

    
shaunhusain 24.06.2014 18:09
quelle