angular.filter groupBy、toArray和Fuzzy.

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>

我在下面的<h3 class="barber-name">{{items[0].bid}}</h3>代码行中缺少索引[0]