将列过滤器添加到Angular可折叠材料表

Question

我正在使用具有可折叠功能的棱角物料台。根据角材料文档，我有以下代码块。但这对我的数据源不起作用。有人知道这是什么问题吗？

HTML

<mat-form-field>
  <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
</mat-form-field>

JS

applyFilter(filterValue: string) {
  this.dataSource.filter = filterValue.trim().toLowerCase();
}

数据格式（console.log（this.dataSource.data））

Answer 1

您可能需要定义自定义filterPredicate，因为在某些情况下默认实现无法正常工作。

this.dataSource.filterPredicate = function (data:Element, filter: string){
  // return true if filter string match with the data Element
}