Фильтрация данных на основе значения вложенного массива - PullRequest
0 голосов
/ 26 октября 2018

В моем приложении AngularJS я создал динамический фильтр для табличных данных, основанный на этом Codepen .

В примере используется только простой массив объектов без вложенных массивов.

Мои данные необходимо фильтровать на основе значений, вложенных в дочерний массив, serviceList, например, так:

var portfolio = [
  ApplicationNumber: "EP17345678"
  Stage: "Filing"
  id: 1
  serviceList: [
    currentStageColour: "Green"
    currentStageCostUSD: 12200.4
    serviceStatus: "Epct available" //status needed to filter
    serviceType: "Form1200" //status needed to filter
  ]
]

И в дополнение к примеру, расположенному в Codepen выше, я внес поправки в параметры фильтра и в место отображения данных, например:

<div data-ng-repeat="cat in categories" class="filter-box" ng-init="filter[cat]={}">
    <h4 class="font-h4 m-b-sm">{{cat}}</h4>
    <div data-ng-repeat="value in getItems(cat, data)" class="checkbox-container">
        <label class="filter-container">
            <input type="checkbox" ng-model="filter[cat][value]" ng-model="value"><span class="font-body">{{value}}</span>
            <span class="checkmark"></span>
        </label>
    </div>
</div>

<tr data-ng-repeat="patent in filtered=(data | filter:filterByPropertiesMatchingAND)">

Я могуопубликовать свой собственный код, если требуется, но он по сути такой же, как в Codepen (за исключением, конечно, макета массива).

Вопрос

Как создать функциональность для фильтрации данных таблицы на основе значений вложенного массива serviceStatus или serviceType?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...