【问题标题】:Angular mat application performance issue / lagging issueAngular mat 应用程序性能问题/滞后问题
【发布时间】:2020-08-26 06:30:59
【问题描述】:

我正在创建一个 Angular 应用程序,它有一个带有多个过滤器类别的侧面板,每个类别都是扩展面板内的 mat 复选框或 mat 单选按钮。沿着过滤器组件是一个最小组件,用于显示我设计的多个 for 循环的输入可编辑网格。每个输入元素都有属性事件,例如模糊或单击和值。当网格中的行数增加(超过 20-30 并且每行有 12 列)时,会出现问题,侧面过滤面板变慢并滞后。即使单击复选框,也需要大约 3-4 秒才能做出响应。 我已经尝试过 ChangeDetection.Onpush 仍然没有帮助

【问题讨论】:

    标签: angular angular-material


    【解决方案1】:

    在您的情况下最大限度地提高性能。您应该只允许单击的元素调用该函数。并为其子/父元素尝试阻止事件传播。以免不必要地运行点击处理程序。

    请参阅此链接以进一步参考事件传播(冒泡) - https://javascript.info/bubbling-and-capturing

    【讨论】:

      猜你喜欢
      • 2018-07-18
      • 2023-03-30
      • 2013-05-25
      • 2020-04-04
      • 1970-01-01
      • 1970-01-01
      • 2012-08-22
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多