угловой-ui/bootstrap ratting issue on collection-repeat ionic

Question

Я использую angular-ui/bootstrap компонентный рейтинг (ui.bootstrap.rating).

Моя проблема в том, что свойство max работает некорректно, когда я использую collection-repeat.

Его показывает, что я всегда только один значок max, Также, когда я пытаюсь играть с pro из коллекции-повтора, тогда поиск времени показывает меньше значков, но если я использую ng-repat все отлично работает. это мой код:

<li class="item" collection-repeat=" contact in contacts |filter: data.searchText"> 
     <!--<li class="item" ng-repeat=" contact in contacts |filter: data.searchText">--> 
    <div class="row larger font"> 

    <div class ="col" ng-init="contact.active"> 
     <uib-rating ng-model="contact.active" max={{contact.total}} 
     state-on="'ion-person-stalker positive '" state-off="'ion-person-stalker'" 
     ng-click="changeActive(contact);data.searchText =''"></uib-rating> </div> 

основное звено для кода его plnkr это без сбора повторе

UPDATE: ссылку с примером обновляется.

Answer 1

Это потому, что сборщик-повторитель передает в DOM только столько элементов, сколько в настоящее время видимо. Поэтому он не отображается сразу. Вот почему у вас нет доступа к контактной переменной в рейтинг uib, когда она начала рендеринг. Если ваш список контактов невелик, вы можете использовать ng-repeat без каких-либо проблем и потери производительности.