angularjs - angular.filter groupBy 和 toArray 和模糊

Question

我在 AngularJS 中使用以下库... angular.filter 我正在尝试ng-repeat以下结构。

当我结合所有三个指令时...... ，，groupBy我得到以下屏幕截图......toArray: truefuzzy: 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>