从下拉列表中的 mat-table 列名称及其在 Angular 7/8/9 中的文本输入中的值过滤

Question

我正在寻找添加多过滤条件。

例如，我的垫子桌看起来像：名称 喜欢的颜色 车辆
拉吉绿色汽车 本白色SUV 乔什蓝自行车

我需要 (Name,Fav color,vehicle) 作为下拉菜单并靠近文本字段，我可以在其中输入值（Ben 或 Blue 或 SUV）来过滤它。

我对 Angular 完全陌生

Answer 1

您可以简单地查看 过滤器示例的角度材料文档中的示例：https://material.angular.io/components/table/overview

https://stackblitz.com/angular/gabyarlkmjr?file=src%2Fapp%2Ftable-filtering-example.html

同样，在输入框（参考链接）周围，您需要根据需要有一个下拉菜单，并且可以添加更改选择框的逻辑或喜欢在选择框中选择哪个值，搜索将通过它进行过滤。