Ионная коллекция-повторение, влияющая на активные классы

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

Решение заключалось в том, чтобы добавить класс в сами данные.