Collection-repeat images are duplicated

ionic-v1
1

I am using following html, but as I scroll down I see images being duplicated into new items.

<ion-checkbox force-refresh-images="true" item-render-buffer="20" collection-repeat="contact in contacts | filter:filtersText" ng-model="contact.selected" class="item-avatar item-checkbox-right checkbox-energized">
             
              <img ng-src="{{contact.photos[0].value}}">
              <h2 ng-if="contact.name && contact.name.formatted">{{contact.name.formatted}} </h2>
              <p>{{contact.emails[0].value}}</p>
</ion-checkbox>

Is there a solution to this?

2

ok duplicates are gone if I filter array to elements with images only before assigning it to scope! weird huh?

3

What did you do exactly? Any sample code please? I have the same issue and working on it more than a week. Any idea would highly appreciated.