Angular Mat 树重新渲染性能问题需要太多时间

最新推荐文章于 2023-10-13 09:34:37 发布

KsL1

最新推荐文章于 2023-10-13 09:34:37 发布

阅读量418

点赞数

分类专栏： angular 文章标签： angular.js 前端 angular

本文链接：https://blog.csdn.net/weixin_45553145/article/details/122536445

版权

angular 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

   const data = this.dataSource.data;
    this.dataSource.data = [];
    this.dataSource.data = data;

在子树上使用 *ngIf 而不是 class.sub-tree-invisible 进行树选择。
<ul [class.tree-invisible]="!treeControl.isExpanded(node)">
将其更改为

<ul *ngif="treeControl.isExpanded(node)">
这将提高树选择的性能。这样，在初始加载时，只需要在 DOM 中呈现根节点。过滤时，必须插入与过滤查询匹配的子节点，这可能会很昂贵。