angular8 - 过滤角材料表中的复杂对象

Question

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

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

我使用的 Angular 版本是 8。

我的数据结构如下：

[{
   firstName: 'Bryan',
   lastName: 'Boz',
   email: '[e-mail]',
   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

标签： angular8mat-tableangular-material-table

Answer 1

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