【问题标题】:Angular 6 Material Nested Tree is not working with dynamic dataAngular 6 Material Nested Tree 不适用于动态数据
【发布时间】:2018-08-09 10:30:54
【问题描述】:

我在 Angular 6 中使用 mat-treemat-nested-tree-node。 我想要的是在用户切换展开图标时动态加载数据。

使用Material Examples 中给出的Flat Tree 的动态数据示例,我尝试对Nested Tree 使用相同的概念。这是我迄今为止尝试过的https://stackblitz.com/edit/angular-naarcp

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

它为节点parent, child1, child2, child3递归调用_getChildren方法,因为这是初始数据。当用户展开它时,我在child1child3 中添加My Child,但从未显示添加的节点。

我无法在 _getChildren 中添加动态子代,因为它会被递归调用直到最后一个节点。

注意:

我不想使用平面树,因为它管理单个数组中的所有内容,并且在异步加载数据时更新单个数组非常困难

帮助

有什么我遗漏的或者嵌套的树被设计成这样工作的吗?

【问题讨论】:

  • 我遇到了同样的问题,你能解决这个问题吗?
  • @Alvaromon 没有。我使用 FlatTreeControl 和material.angular.io/components/tree/examples中提到的动态数据
  • 我也有同样的问题。我仍在努力寻找方法。如果我找到解决方案,我会发布

标签: angular typescript angular-material2


【解决方案1】:

当我第一次实现它时发现 UI 没有更新时,我很挣扎,因为对对象属性的更改不会被更改检测拾取。请在此处阅读我的原始问题和答案。它适用于一棵扁平的树,但可能会为您节省数小时的撞头时间。

Why is my angular app becoming very slow after changing the data backing a mat-tree?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-05
    • 2019-12-29
    • 1970-01-01
    • 2019-08-13
    • 1970-01-01
    • 2018-10-15
    相关资源
    最近更新 更多