2017-03-06 14 views
0

私はAngularJSで次のライブラリを利用しています... angular.filter と私は次の構造のng-repeatにしようとしています。angular.filter groupByとtoArrayとfuzzy

enter image description here

私はすべての3つのディレクティブ... groupBytoArray: true、およびfuzzy: searchを組み合わせると、私は次のスクリーンショットを取得...

enter image description here

私はちょうどgroupByを使用してtoArray場合、私はページは正しくレンダリングされます。

enter image description here

<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がありません。

どのように3つの作業をまとめて行うことができますか?groupBytoArray: true、およびfuzzy: search

答えて

0

私は次のコードで問題を解決する...

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

私はコード<h3 class="barber-name">{{items[0].bid}}</h3>

の次の行にインデックス [0]がありませんでした