Angular mat应用程序性能问题/滞后问题

Question

我正在创建一个angular应用程序，它有一个侧面板与多个过滤器类别，每个类别是垫复选框或垫内扩展面板单选按钮。沿着过滤器组件是一个显示输入可编辑网格的最小组件，这是我设计的多个for循环。每个输入元素都有属性事件，如blur或click和value。当网格中的行数增加(例如20-30行以上，每行有12列)时，就会出现问题，侧面过滤面板会变慢并滞后。即使点击复选框，也需要大约3-4秒的时间来响应。我已经试过ChangeDetection.Onpush了，还是不管用

Answer 1

以最大限度地提高您的性能。你应该只允许被点击的元素调用函数。而对于它的子元素/父元素，则试图阻止事件传播。从而避免不必要地运行点击处理程序。