我想知道如何在更新集合时添加一些效果
<li ng-repeat="item in items | filter:filterFunction">
{{item.name}}
</li>
items是一个集合,例如 30。
此列表仅显示验证filterFunction的项目。范围定期更新。
它有效,但它有点暴力!
使用 jquery添加过渡效果可能很棒(淡入淡出)。
我想知道如何在更新集合时添加一些效果
<li ng-repeat="item in items | filter:filterFunction">
{{item.name}}
</li>
items是一个集合,例如 30。
此列表仅显示验证filterFunction的项目。范围定期更新。
它有效,但它有点暴力!
使用 jquery添加过渡效果可能很棒(淡入淡出)。
我建议您使用 AngularJS Core 中提供的新 ngAnimate 指令。它支持删除,并且使用起来更好。
在此处阅读文档。在这个很棒的 yearofmoo 教程中了解更多信息
看看 angular-ui 中的 animate 指令
http://angular-ui.github.com/#directives-animate
它应该可以帮助您实现您想要做的事情。只是为了让你知道,Angular 团队已承诺在下一个左右的主要版本中支持 ng-repeat 和 ng-switch 的动画。所以在此之前保持你的手指交叉。
这是一篇关于 ngAnimate 功能和用法的不错的文章:http ://www.yearofmoo.com/2013/04/animation-in-angularjs.html
这个网站上有很多不错的转换: