收集重復離子的angular-ui / bootstrap批准問題

Question

我正在使用angular-ui / bootstrap組件Rating（ui.bootstrap.rating）。

我的問題是，當我使用collection-repeat時，max屬性無法正常工作。

它最多只能顯示一個圖標，另外，當我嘗試使用collection -rep親時，請搜索一些顯示較少圖標的時間，但是如果我使用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的代碼的基本鏈接，這是沒有收集重復

更新：鏈接示例已更新。

Answer 1

這是因為收集轉發器僅將當前可見的項目渲染到DOM中。 因此它不會立即呈現。 這就是為什么在開始渲染時無法在uib-rating中訪問contact變量的原因。 如果您的聯系人列表不是很大，則可以使用ng-repeat而不出現任何問題並降低性能。