收集重复离子的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而不出现任何问题并降低性能。