angular.filter groupBy и toArray and 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>

Мне не хватало указателя [0] в следующей строке кода <h3 class="barber-name">{{items[0].bid}}</h3>