如何修改数据表过滤器在角度材质中的工作方式?

Question

我正在尝试使用角度材料数据表中的过滤器，例如 -

如果我搜索"匹配">

，则">匹配"和">不匹配">都会出现在数据表的状态列中。

我知道这是因为数据对象被减少和连接并且应用了过滤器(来自角度材料文档(。

我只想显示"匹配"状态，如果是搜索匹配。 所以我正在寻找一个过滤器，它可以进行精确的单词过滤而不是子字符串。 如何进行？

我读了这篇文章，但我无法继续。

Answer 1

你去吧 - StackBlitz

根据您提到的答案，我们需要定义过滤器谓词：

export class TableFilteringExample {
displayedColumns: string[] = ['position', 'name', 'weight', 'symbol'];
dataSource = new MatTableDataSource(ELEMENT_DATA);
constructor() {
this.dataSource.filterPredicate = (data: PeriodicElement, filter: string) => {
return data.name === filter;
}
}
applyFilter(filterValue: string) {
this.dataSource.filter = filterValue.trim();
}
}

请注意，toLowerCase()已从filterValue.trim()中删除。