html如何引用ts文件,javascript – 如何在ts而不是HTML中使用管道

首先在组件中导入管道.然后在组件中使用管道.像这样..

pipe.ts

/**

* filter checkbox list

*/

@Pipe({ name: 'filter', pure: true })

export class FilterPipe{

transform(items: any[], args: any): any {

let filter = args.toString();

if(filter !== undefined && filter.length !== null){

if(filter.length === 0 || items.length ===0){

return items;

}else{

return filter ? items.filter(item=> item.title.toLocaleLowerCase().indexOf(filter) != -1) : items;

}

}

}

}

component.ts(在你的打字稿代码中使用)

filterPipe = new FilterPipe();

fiteredArr = filterPipe.transform(chkArray,txtSearch);

xyz.html(在你的html文件中使用)

• {{todo.name}}