angular - ngFor 带有管道的数据

Question

我需要在项目中使用数据并过滤它，输入while循环。但看起来像 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;
           }