已过滤的项目状态列表未正确显示

时间:2017-03-30 00:51:31

标签: angularjs ionic-framework state

我创建了一个包含大量项目的列表,每个项目都有一个用于切换状态的书签按钮!已保存。我正在尝试创建一个单独的列表,仅显示已添加书签的项目。当我过滤保存的项目的完整列表时,它可以正常添加新项目。但是,当我从项目中删除已保存的状态时,列表最终会删除最后添加的项目而不是我指定的项目。当我尝试重新添加以前删除的项目时,会出现类似的问题。

我创建此过滤列表的方法是完全错误的吗?还有更好的方法吗?

这是我的切换状态代码:

<ion-item ng-class="{'save': item.save}" collection-repeat="item in items" ui-sref="tab.page({id:item.$id})">
  <button class="icon button top-right" ng-click="item.save = !item.save" ng-class="{'ion-ios-heart button-clear button-assertive':item.save, 'ion-ios-heart-outline  button-clear button-stable':!item.save}"></button>
</ion-item>

这是我的过滤列表代码:

<ion-list>
   <ion-item collection-repeat="item in items | filter: !item.save"></ion-item>
</ion-list>

0 个答案:

没有答案