我有一个管道过滤器,它接收 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)