无法使Animate.css与AngularJS 1.3一起使用

Question

根据几个博客，这应该有效。

<li ng-animate="{enter: 'animated shake'}" ng-repeat="name in names | filter:search">
  <a href="#"> {{name}} </a>
</li> 

Plunkr：http://plnkr.co/edit/Wlp0ckeEWHQcsrzIfAyk?p=preview

Answer 1

由于角度为1.2，ngAnimate的工作方式不同。 请参阅Matsko's article。

要使它正常工作，你必须在你的CSS中添加特定的类。 ngIf指令的示例：

.myItem.ng-enter {
  // animation
}

.myItem.ng-leave {
  // animation
}

Read the official docs here

对于角度＆gt; = 1.2使用Animate.css，您可以阅读this article，example here。

.my-element.ng-enter {
  animation: fadeIn 1s;
}

.my-element.ng-leave {
  animation: fadeOut 1s;
}