相关疑难解决方法(0)

Angular 6 Material Nested Tree不支持动态数据

我使用mat-treemat-nested-tree-node在角6.我想要的是,当用户切换展开图标可以动态加载数据.

使用材料示例中Flat Tree给出的动态数据示例,我尝试使用相同的概念.这是我到目前为止尝试过的https://stackblitz.com/edit/angular-naarcpNested Tree

但它只显示数据阵列中预先填充的数据,尽管在控制台中很明显数据正在更新但它永远不会在UI上显示.

它以递归方式调用_getChildren节点的方法,parent, child1, child2, child3因为这是初始数据.我加入My Childchild1child3当用户展开,但从未中所示的添加节点.

我无法添加动态子进程,_getChildren因为它会被递归调用直到最后一个节点.

注意:

我不想使用平树,因为它管理的单一阵列中的一切和更新单个阵列中的数据的异步加载变得非常困难

救命

我有什么遗漏或嵌套树是这样设计的吗?

typescript angular-material2 angular

10
推荐指数
1
解决办法
7054
查看次数

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

mat-tree在 API 调用子节点上的子节点中使用非常大的数据集,大约有 3k 条记录,我正在做的是通过在数据源下添加来自 API 的子项并重新渲染来更新数据源

this.dataSource.data = updatedDataDource;

重新渲染需要超过 15 秒,这是不可接受的。

有什么方法可以让我只重新渲染那个节点和来自 api 的关联子节点(我的意思是部分渲染)。如果有人有同样的问题,请帮助。

material-ui angular-material2 angular

4
推荐指数
1
解决办法
1439
查看次数