1

我正在研究 Angular Material 表的过滤功能。

我正在尝试开发的过滤功能是，用户可以输入以下字段：名字、姓氏、电子邮件、用于选择品牌的多选下拉菜单和用于根据所选/输入值进行过滤的搜索按钮。

我使用的 Angular 版本是 8。

我的数据结构如下：

[{
   firstName: 'Bryan',
   lastName: 'Boz',
   email: 'bryanboz@abc.com',
   brandRoles: [{
      brandName: 'Brand A',
      role: {
        definition: 'System Administrator',
        displayText: 'System Administrator'
      }
    },
    {
      brandName: 'Brand B',
      role: {
        definition: 'Manager',
        displayText: 'Manager'
      }
   }]
}]

我想要实现的是过滤上述作为数组出现的内容并在表格上显示数据。

至今没有成功。任何帮助表示赞赏

我查找并尝试过的一些示例如下： https ://stackblitz.com/edit/angular-material-table-multiple-filter-ttewos https://stackblitz.com/edit/angular-hbakxo-xctfqy ?file=app/table-filtering-example.ts

4

2 回答 2

0

对于自定义过滤器逻辑，请查看[filterPredicate][1]. 在那里您可以定义一些自定义过滤器逻辑。

于 2020-12-21T11:06:26.643 回答
0

对于复杂的过滤要求，您可以使用mat-table-filter包。

Stackblitz演示

于 2019-10-14T20:05:51.167 回答