在Angular 2中过滤ngFor循环

Question

I have this class :

    export class Tache {
       id: number;
       text: string;
       stat: number;
}

Stat could be equal to 0 , 1 or 2.

I would print taches when stat = 0, I try to made it with filters

<md-list *ngFor="let tache of taches | filter : 'tache.stat' : '0'"  (click)="onSelect(tache)" [class.selectionnee]="tache === tacheSelectionnee">

But I get this error :

zone.js:569 Unhandled Promise rejection: Template parse errors:
The pipe 'filter' could not be found ("

Answer 1

You don't need a filter. Break up the logic by wrapping with a template. Use ng-template for Angular 4.

   <template *ngFor="let tache of taches">
     <md-list *ngIf="tache.stat==0"
           (click)="onSelect(tache)"
           [class.selectionnee]="tache === tacheSelectionnee">
     </md-list>
   </template>

Answer 2

The filter/pipe named 'filter' from Angular1.x doesn't exist in Angular2, which is why your code is throwing that error.

Have a look here for a guide on how pipes/filters have changed in Angular2. https://blog.imaginea.com/pipe-vs-filter-in-angular-js/

You could create your own custom pipe for this if you wanted to, but I agree with Dan above - break up the logic with a template.