Question

我正在使用Ionic框架编写应用程序，该框架具有由州订购的项目列表（收集 - 重复）（＆＃34;已检查＆＃34;或＆＃34;未选中＆＃34;）。该状态可以由用户动态地改变。使用最后一个稳定版本的Ionic（1.0.1 - Vanadium Vaquita（2015-06-30）），当用户点击某个项目时，项目的顺序不正确（未按＆＃34排序;选中＆＃34;项目）。

这是一个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'}">）

如果我使用夜间构建的离子（在codepen上注释），如果我点击最后一项，项目的顺序将是不正确的（对于我已经测试过的）。

任何人都可以告诉我，我做错了什么或是否有一些解决方法？

由于

Answer 1

如果我错了，请更正我，但我猜你只是想在未经检查之前显示所有选中的项目。就个人而言，我会使用ng-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/

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

离子收集 - 重复订单问题

1 个答案: