【问题标题】:Angular6 Material table multiple filter not workingAngular6材料表多个过滤器不起作用
【发布时间】:2019-08-10 16:36:08
【问题描述】:

我正在开发一个带有角材料的 Angular6 应用程序。现在面临使用多个值从 mat-table 结果中过滤数据的问题。

从表单组过滤后,我没有在表格中得到任何值。

这是我工作的正确方式吗?如果没有,请帮我解决这个问题。

请参考截图并找到链接stackblitz project查看实际视图,

【问题讨论】:

    标签: angular typescript angular-material angular-material-table


    【解决方案1】:

    我从来没有真正使用过这个,我不知道下面的实现是否正确。我相信它可以大大改善。

    StackBlitz

    基本上,据我了解,默认情况下,放置过滤器时的行为是检查数据中是否存在此值。

    但在您的情况下,您想检查各个列,并执行“多个”过滤器。

    您需要提供自己的 filterPredicate 函数,并在其中处理您的过滤器

    【讨论】:

    • 你快到了,但是如果我们输入“名称”或“电子邮件”结果没有显示名称和电子邮件字段,则存在一个小问题。它将显示字符包含结果。例如:如果我们输入“nam”,所有数据都将显示在名称字段中,包括字符
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-03
    • 2021-10-05
    • 1970-01-01
    • 2020-10-08
    • 2019-01-02
    相关资源
    最近更新 更多