angular - ngパイプを使用したデータの場合

Question

アイテムでデータを使用し、ループ中にタイプをフィルターする必要があります。しかし、Angular 2パイプではこれができないようです。

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

angular 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;
           }