Angular8 过滤角度材质表中的复杂对象

我正在研究角度材质表的过滤功能

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

我使用的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'
      }
   }]
}]

我试图实现的是过滤上面作为数组出现的数据，并在表中显示数据

到目前为止没有成功。谢谢你的帮助

我查找并尝试过的一些示例如下：

---

对于复杂的过滤要求，您可以使用软件包

---

Stackblitz

对于复杂的过滤要求，您可以使用软件包

---

Stackblitz

有关自定义筛选器逻辑，请查看

[filterPredicate][1]

。您可以在这里定义一些自定义筛选器逻辑。

有关自定义筛选器逻辑，请参阅

[filterPredicate][1]

。您可以在这里定义一些自定义filterlogic