Angular Material mat-table 过滤器 mat-table 列包含布尔值答案

【问题标题】：Angular Material mat-table filter mat-table column containing booleanAngular Material mat-table 过滤器 mat-table 列包含布尔值
【发布时间】：2019-10-10 01:28:06
【问题描述】：

我正在尝试为仅包含布尔值的列过滤 Angular Material mat-table。我在这里读到 datasource.filterPredicate 可用于过滤集合，但我发现该调用使用字符串参数。到目前为止，这是我的代码

this.dataSource.filterPredicate = (data: T, filter: boolean) => !filter || data.isCompleted== filter;

我也尝试了以下方法，但没有任何反应

this.dataSource.filteredData.filter(f => f.isCompleted== filter);

如何根据布尔列过滤数据源？

谢谢

【问题讨论】：

标签： angular filter angular-material mat-table

【解决方案1】：

在使用了 mat-table、filterPredicate 之后，我得到了它的工作。这是解决方法

我无法与布尔值进行比较。为了让它工作，我传入一个字符串'true'或'false'

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

HTML

applyFilter('true')
applyFilter('false')

【讨论】：