В моем приложении 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
?