Question

如果用户点击了添加课程ng-class的项目，我的ion-list内部会selected。使用collection-repeat时的问题是它在我滚动时管理DOM并更改selected类。

<ion-list>
  <ion-item collection-repeat="contact in contacts | filter:filters" class="contact" ng-click="pickContact($index, $element, this.contact)" ng-model="contactModel" ng-class="{'selected': contact.selectedContact}" toggle-contacts="selected" collection-item-height="150" collection-item-width="'33.3%'">
    <div ng-if="contact.photo.type == 'img'" class="contact-img">
      <img ng-src="{{contact.photo.value}}.png" alt="">
    </div>
    <div ng-if="contact.photo.type == 'text'" class="contact-text-placeholder">
      {{contact.photo.value}}
    </div>
    <div class="contact-name">
      {{contact.name}}
    </div>
  </ion-item>
</ion-list>

我怎样才能避免这种情况发生？我希望课程坚持下去。

Answer 1

解决方案是将类添加到数据本身。

离子收集 - 重复影响活跃类

1 个答案: