angular.filter groupBy和toArray和模糊

Question

我正在AngularJS中使用以下庫... angular.filter 並且我試圖在以下結構上使用ng-repeat。

當我結合所有三個指令... groupBy，toArray: true和fuzzy: search我得到了下面的屏幕截圖...

如果我只使用groupBy和toArray我頁面正常渲染..

<div class="grid" ng-repeat="(key, items) in schedule[0] | toArray: true | groupBy: 'bid'"> 
    <div class="grid__column--12"> 
     <h3 class="barber-name">{{key}}</h3> 
     {{key | json}} 
     <div class="card"> 
      <div class="card__content"> 
       <ul class="list list--unstyled" ng-repeat="item in items"> 
        <li class="list__item">{{item.name}}</li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div> 

上面的代碼沒有允許頁面正確呈現的fuzzy: search。

如何讓所有三個工作在一起groupBy,toArray: true和fuzzy: search？

Answer 1

我解決下面的代碼問題...

<div class="grid" ng-repeat="(key, items) in schedule[0] | toArray: true | groupBy: 'bid' | searchField: 'bid' | filter: search"> 
    <div class="grid__column--12"> 
     <h3 class="barber-name">{{items[0].bid}}</h3> 
     <!--{{key | json}} {{items | json}}--> 
     <div class="card"> 
      <div class="card__content"> 
       <ul class="list list--unstyled" ng-repeat="item in items"> 
        <li class="list__item">{{item.name}}</li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div> 

我錯過了指數[0]在下面的代碼行<h3 class="barber-name">{{items[0].bid}}</h3>