从 mat-table 视图中排除或包含特定行

Question

我有一个像idtitledescription这样的材料数据表
我的mat-table的数据源用dataSource$: Observable<Thing[]>表示

<mat-table #table [dataSource]="dataSource$ | async">
...
<mat-table>

基于下拉列表，我希望能够显示所有数据（目前的工作方式），但也可以隐藏 description 为空的项目，并隐藏具有 description 不的项目空。

我想我必须通过自定义管道来做到这一点？或者在我的 observable 上使用 .filter()？
任何想法如何最好地接近它？

更新：

我正在尝试使用.filter()，但遇到问题，没有显示数据：

dataSource$ = originalDataSource$.filter((item: any) => item.description == null)

想法？

Answer 1

为此，您必须像originalDataSource$ 一样单独维护原始dataSource$。在(change)="onChange($event.target.value)" 之类的下拉列表中写入更改事件，并在该函数中过滤您的数据，例如

onChange(value){  
 dataSource$ = originalDataSource$.filter(m =>{ your logic/conditions })
}