我收到如下错误:
Cannot read property 'filter' of undefined.
组件模板:
<input #input placeholder="Search" id="search">
<div class="item" *ngFor="let item of data | searchPipe: input.value">
{{item}}
</div>
管道代码:
@Pipe({
name: 'searchPipe',
pure: false
})
export class SearchPipe implements PipeTransform {
transform(data: any[], searchTerm: string): any[] {
searchTerm = searchTerm.toUpperCase();
return data.filter(item => {
return item.toUpperCase().indexOf(searchTerm) !== -1
});
}
}
错误原因是什么?
最佳答案
由于传入的数据是 null
并且 filter
方法需要数据,因此,这导致了错误。
这是一个有效的实现:
transform(items: any[], filterQuery: any): any[] {
if (!filterQuery) return items;
return items.filter(item => item.whateverProperty.toLowerCase().includes(filterQuery.toLowerCase()));
}
关于angular - 无法读取未定义的属性 'filter',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41992807/