ngFor数据与管道

Question

我需要在item中使用数据并在循环时过滤它。但看起来像角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;
           }