相关疑难解决方法(0)

如何使用带有ng-animate的ng-repeat对orderBy进行动画排序?

我正在使用这样ng-repeatorderBy过滤器渲染对象列表:

<li class="list-item" ng-repeat="item in items | orderBy:predicate:reverse">

我尝试对列表排序的变化进行动画制作已经证明令人沮丧,并且不值得分享.我在这里看到了Yearofmoo示例应用程序.

不幸的是,这个演示并不是我想要实现的.我需要在orderBy定义更改后将其放置在新顺序中时为给定列表项的X位置设置动画.我试图通过css转换和绝对定位来实现这一点,但ng-repeat似乎重新创建了orderBy使动画成为真正挑战的列表项.

  1. 这有可能ng-repeat | orderBy(有或没有 ng-animate)?
  2. 你能提出一个方法或提供一个例子吗?

angularjs angularjs-ng-repeat

29
推荐指数
2
解决办法
2万
查看次数

标签 统计

angularjs ×1

angularjs-ng-repeat ×1