Angular Material 6.0.1:如何扩展角度mat-tree中的任何节点?

时间:2018-08-20 12:51:47

标签: tree angular-material angular6

展开/折叠mat-tree中的所有节点都工作正常。但是我不明白如何在mat-tree中扩展特定的节点?

请为此提供任何参考或解决方案。

1 个答案:

答案 0 :(得分:0)

我知道此版本和6.0.1版本之间的材料版本可能有所不同...但该概念仍应适用于6.0.1版本

请在此stackblitz示例中引用ngAfterViewInit()

  • 您需要在treeControl上为要扩展并传递该节点的每个节点调用expand()

此堆叠闪电战会预先选择Fruits类别,并在初始化时展开Groceries树和Fruits树。

https://stackblitz.com/edit/angular-j2nf2r?embed=1&file=app/tree-checklist-example.html

ngAfterViewInit() {
    for (let i = 0; i < this.treeControl.dataNodes.length; i++) {
      if (this.treeControl.dataNodes[i].item == 'Fruits') {
        this.todoItemSelectionToggle(this.treeControl.dataNodes[i]);
        this.treeControl.expand(this.treeControl.dataNodes[i])
      }
      if (this.treeControl.dataNodes[i].item == 'Groceries') {
        this.treeControl.expand(this.treeControl.dataNodes[i])
      }
    }
  }