Не удается заставить 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 работает по другому. Смотрите статью Мацко.

Чтобы это работало, вам нужно добавить определенный класс в ваш CSS. Пример для ngIf директива:

.myItem.ng-enter {
  // animation
}

.myItem.ng-leave {
  // animation
}

Читайте официальные документы здесь.

Для использования Animate.css с угловым>= 1.2, вы можете прочитать эту статью, пример здесь.

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

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