javascript - 仅在指定事件上具有animate.css的angularjs吗？

我可以通过animate.css成功实现angularjs 1.2动画

.list.ng-enter{
    -webkit-animation: fadeInLeft 1s;
    -moz-animation: fadeInLeft 1s;
    -ms-animation: fadeInLeft 1s;
    animation: fadeInLeft 1s;
}

问题是每当我回来(例如从新页面回来)时，就会触发动画。我只想在列表中添加新项目然后动画触发。

最佳答案

如果我理解您的问题，则您的html应该如下所示:

<button type="button" href="url to add new record"></button>

<ul class=".list">
   <li ng-repeat="element in elements"></li>
</ul>

因此，当用户单击您的按钮时，您将重定向到用户可以添加新记录的 View ，当他返回所有记录后，您只想在项目中显示效果，在这种情况下，在列表的最后一个位置，这样您就可以

.list:last-child.ng-enter{
  -webkit-animation: fadeInLeft 1s;
  -moz-animation: fadeInLeft 1s;
  -ms-animation: fadeInLeft 1s;
  animation: fadeInLeft 1s;
}