ngForパイプ付きデータ

Question

私はアイテム内のデータを使用し、ループ中にタイプする必要があります。角度2のパイプのように見えます。

<div *ngFor="let item of items| filteritem: item.type "> 

角度2はループ中に項目をフィルタリングする手段がありますか？

Answer 1

あなたはこのようにそれを行うことができます：

<input type="text" [(ngModel)]="filter" (keyup)="0" /> 
<ul><li *ngFor="let item of items | filteritem:filter)">{{ item | lowercase }}</li></ul> 

し、あなたのパイプでタイプすることで、データをフィルタリング：

transform: function(value, args) { 
       if(!args) return value; 
       var filter = args.type.toLocaleLowerCase(); 

       return filter ? value.filter(element => element.type.toLocaleLowerCase().indexOf(filter) != -1) : value; 
      }