2

我想知道如何在更新集合时添加一些效果

<li ng-repeat="item in items | filter:filterFunction">
{{item.name}}
</li>

items是一个集合,例如 30。

此列表仅显示验证filterFunction的项目。范围定期更新。

它有效,但它有点暴力!

使用 jquery添加过渡效果可能很棒(淡入淡出)。

4

4 回答 4

12

我建议您使用 AngularJS Core 中提供的新 ngAnimate 指令。它支持删除,并且使用起来更好。

在此处阅读文档。在这个很棒的 yearofmoo 教程中了解更多信息

于 2013-04-04T22:34:10.733 回答
6

看看 angular-ui 中的 animate 指令

http://angular-ui.github.com/#directives-animate

它应该可以帮助您实现您想要做的事情。只是为了让你知道,Angular 团队已承诺在下一个左右的主要版本中支持 ng-repeat 和 ng-switch 的动画。所以在此之前保持你的手指交叉。

于 2012-10-04T14:46:27.603 回答
2

这是一篇关于 ngAnimate 功能和用法的不错的文章:http ://www.yearofmoo.com/2013/04/animation-in-angularjs.html

于 2013-05-08T19:59:24.890 回答
0

这个网站上有很多不错的转换:

AnuglarJS 动画

于 2013-05-22T15:21:32.883 回答