angular.filter groupBy and toArray and fuzzy

Question

저는 AngularJS에서 다음 라이브러리를 사용하고 있습니다 ... angular.filter 그리고 다음 구조에 ng-repeat을 시도하고 있습니다. 나는 세 가지 지침 ... groupBy, toArray: true 및 fuzzy: search을 결합하면

나는 ...

난 그냥 groupBy 및 toArray I 다음 스크린 샷 사용받을 경우 페이지가 제대로 렌더링됩니다.

<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>