如何更新 mat-tree 以处理将子节点添加到叶节点（将叶节点转换为父节点）

Question

我正在使用带有复选框的Angular Material6 Tree 组件。

在原始示例中，我们只能向父节点添加新的子节点。如果我想向叶节点添加一个新子节点怎么办？

Answer 1

虽然这是一个老问题，但我会为那些再次询问如何做的人回答。

首先，将 + 按钮添加到叶节点：

<button mat-icon-button (click)="addNewItem(node)"><mat-icon>add</mat-icon></button>

然后，使用一个小技巧来刷新树。

refreshTree() {
    let _data = this.dataSource.data;
    this.dataSource.data = [];
    this.dataSource.data = _data;
  }

我在数据更改订阅中添加了对refreshTree函数的调用：

_database.dataChange.subscribe(data => {
        this.dataSource.data = data;
        this.refreshTree();
      });