Question

我有一个看起来像这样的列表

[
    { OfficialID:1, name:'test', isActive:false },
    { OfficialID:2, name:'test4', isActive:true },
    { OfficialID:3, name:'test2', isActive:true }
]

现在我只想过滤并仅在isAcitve为true时显示数据，

这是我的餐桌

 <tr ng-repeat="d in dc.officialLeaves | filter:isActive">
     <td>{{d.OfficialID}}</td>
 </tr>

我想我想使用这样的filter:isActive

但是我该怎么办？

Answer 1

很好，但是过滤器会经常运行。为了提高性能，您可以考虑在组件中进行一次过滤：

dc.activeOfficialLeaves = officialLeaves.filter(o => o.isActive)

 <tr ng-repeat="d in dc.activeOfficialLeaves">
     <td>{{d.OfficialID}}</td>
 </tr>

Answer 2

签出此内容：https://docs.angularjs.org/api/ng/filter/filter

您可以直接应用表达式。

{{ filter_expression | filter : expression : comparator : anyPropertyKey}}

您可以执行以下操作，这只是与字段isActive

进行比较

<tr ng-repeat="friend in friends | filter:{'isActive':true}">

按数据的angularJS过滤表

2 个答案: