將列過濾器添加到 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
}