Question

在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的嵌套数组值来过滤表数据的功能？

根据嵌套数组值过滤数据

0 个答案: