小编Geo*_*rge的帖子

过滤管角度 - 多个参数

我有一个管道过滤器,它接收 html 中定义的对象,只是我必须定义它将过滤的属性。如何在无需传递 html 参数的情况下生成过滤器?我希望您总体上过滤所有列。

HTML----

<tr *ngFor="let view of list | filter : { id:searchText, name:searchText, 
   age:searchText }">

   <td>{{view.id}}</td>
   <td>{{view.name}}</td>
   <td>{{view.age}}</td>
</tr>



PIPE---

export class FilterPipe implements PipeTransform {
      transform(value: any, searchText: any): any {
      let filterKeys = Object.keys(searchText);

      return value.filter(item => {
        return filterKeys.some((keyName) => {
          return new RegExp(searchText[keyName], 'gi').test(item[keyName]);
       });
     });
  }
 }
Run Code Online (Sandbox Code Playgroud)

pipe filter angular

3
推荐指数
1
解决办法
7514
查看次数

标签 统计

angular ×1

filter ×1

pipe ×1