Vermeiden Sie mehrfache Verwendung eines Filters in AngularJs

Question

Ich versuche zu vermeiden, den gleichen Filter für die gleiche Sammlung mehrmals in AngularJS-Anwendung zu verwenden.

Was ist der richtige Weg, es zu tun:

<div ng-app="myApp" ng-controller="PeopleCtrl"> 
<ul ng-init="(person in people|filter:{show:true}) as myPeople" ng-if="myPeople.length>0"> 
    <h4>My People</h4> 
    <li ng-repeat="person in myPeople">{{person.name}}; display: {{person.show}}; 
    </ul> 
</div> 

CODE PEN

Wenn ich (person in people|filter:{show:true}) as myPeople verwende ich versuche einen Alias ​​zu verwenden, um nicht die gleichen Filter zu wiederholen {show:true} überall ...

Answer 1

Sie sollten es in etwa so machen:

<div ng-init="myPeople = (people | filter:{show:true})"> 
    <div ng-if="myPeople.length>0"> 
    <h4> My People</h4> 
    <ul> 
     <li ng-repeat="person in myPeople"> 
     {{person.name}}; age: {{person.age}}; show: {{person.show}}; 
     </li> 
    </ul> 
    </div> 
</div>