Angular 单字符串数组上的角度滤波器

Angular 单字符串数组上的角度滤波器,angular,filter,angular-material,Angular,Filter,Angular Material,我正在看一个角度材质过滤器的示例 但是,我进行了编辑,所以在这里的示例中,它只显示一列 由于某种原因,当我将数据源作为字符串[]传递时,筛选器不起作用 这不是为了使用string[]吗?我必须有一个define类吗?这不起作用,因为您的数据集是字符串数组,而不是对象数组。添加筛选器谓词以告知MatTableDataSource如何进行筛选: this.dataSource.filterPredicate = (data, filter) => data.indexOf(filter) !=

我正在看一个角度材质过滤器的示例

但是,我进行了编辑,所以在这里的示例中,它只显示一列

由于某种原因,当我将数据源作为字符串[]传递时,筛选器不起作用


这不是为了使用string[]吗?我必须有一个define类吗?

这不起作用,因为您的数据集是字符串数组,而不是对象数组。添加筛选器谓词以告知MatTableDataSource如何进行筛选:

this.dataSource.filterPredicate = (data, filter) => data.indexOf(filter) != -1;

如果您共享一个stackblitz,其中显示了您所做的不起作用的更改,那么这个问题将得到极大的改进。您共享的stackblitz是一个完全基于过滤器的材质表示例。您能用您的更改修改此示例并重新共享吗?这将帮助我们帮助你。