Pipe自定义管道

管道.ts
import { Pipe, PipeTransform } from ‘@angular/core’;
@Pipe({
name: ‘ScoresLevelPipe’
})
export class ScoresLevelPipe implements PipeTransform {
transform(value, args?): Array {
//searchText 是input标签的参数。RegExp正则表达式
let searchText = new RegExp(args, ‘ig’);
//data遍历集合的别名 search搜索，必须是string
return value.filter(data => {
if (data.employeeId||data.firstName || data.gender || data.lastName || data.dob ) {
let employeeId:string;
employeeId = data.employeeId+"";
return employeeId.search(searchText) !== -1 ||data.firstName.search(searchText) !== -1 || data.gender.search(searchText) !== -1 || data.lastName.search(searchText) !== -1 ||data.dob.search(searchText) !== -1
}
});
}

页面inpput标签

<nz-input-group [nzSuffix]="suffixIconSearch"  class="esinput">
  <input type="text" nz-input placeholder="input search text" [(ngModel)]="searchText">
</nz-input-group>

遍历的地方

<tr *ngFor="let data of borderedTable.data | ScoresLevelPipe : searchText " >