таблица фильтров angularJS по данным

Question

У меня есть список, который выглядит следующим образом

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

Теперь я просто хочу фильтровать и показывать данные, только когда isAcitve имеет значение true,

, и этомой tr таблицы

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

Я думаю, я знаю, что хочу использовать что-то вроде этого filter:isActive

но что именно я должен делать?

Answer 1

Оформить заказ: https://docs.angularjs.org/api/ng/filter/filter

Вы можете применить выражение напрямую.

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

Вы можете сделать что-то подобное, это говорит только о сравнении с полем isActive

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

Answer 2

Это нормально, но фильтр будет работать довольно часто.Для повышения производительности вы можете рассмотреть возможность фильтрации один раз в вашем компоненте:

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

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