Ionic Collection-repeat orderBy issue

Question

我正在使用 Ionic 框架编写一个应用程序，该框架具有按状态（“已检查”或“未检查”）排序的项目列表（收集重复）。用户可以动态更改此状态。 使用 Ionic 的最后一个稳定版本（1.0.1 - Vanadium Vaquita (2015-06-30)），当用户点击一个项目时，项目的顺序会变得不正确（不是按“检查”项目排序）。

这是一个 codepen 示例（只需单击某个项目并查看项目的顺序将不正确）： http://codepen.io/anon/pen/oXOGye

（一些代码： collection-repeat="item in items | orderBy:'check'" ng-click="checkItem(item)" ng-class="{'item-light' : item.check !== 'C', 'item-calm': item.check === 'C'}">)

如果我使用 ionic 的每晚构建（在 codepen 上评论），如果我点击最后一个项目，项目的顺序将不正确（对于我测试过的内容）。

谁能告诉我我做错了什么或者有什么解决方法？

谢谢

Answer 1

如果我错了，请纠正我，但我猜你只是希望所有选中的项目在未选中之前显示。根据以前的经验，我个人会使用 ng-repeat 而不是 collection-repeat。如果您担心可以使用离子无限滚动的内存问题，那么我一直在收集重复列表的动态操作方面遇到问题，因此不会立即加载所有项目。

这是您的 codepen 的一个工作分叉示例： http://codepen.io/aidan2129/pen/WryQxa

<ion-item class="item-icon-left" item-height="52" item-width="'95%'" ng-repeat="item in items | orderBy:'check'" ng click="checkItem(item)" ng-class="{'item-light' : item.check !== 'C', 'item-calm': item.check === 'C'}">

离子无限滚动文档： http://ionicframework.com/docs/api/directive/ionInfiniteScroll/

我希望这有助于无法完全理解您的问题，但我想不出任何理由使用 collection-repeat，因为我从未遇到过 ng-repeat 的问题。