Angular Material 6.0.1树默认打开并展开/折叠全部

Question

我正在我的项目中使用Angular Material Tree.是否可以默认打开树.

并且可以有一种方法一次扩展/折叠所有节点(例如,使用按钮)

https://material.angular.io/components/tree/overview

Answer 1

MatTree的treeControl提供了一种expandAll方法,您可以使用该方法展开所有树节点,并collapseAll关闭所有树节点.

你可以可以的情况下MatTree通过ViewChild,并呼吁expandAll在ngAfterViewInit生活挂钩,使其在默认情况下扩大.

@ViewChild('tree') tree;

ngAfterViewInit() {
  this.tree.treeControl.expandAll();
}

从模板调用的源示例:

<button (click)="tree.treeControl.collapseAll()">collapseAll</button>
<button (click)="tree.treeControl.expandAll()">expandAll</button>
<mat-tree #tree [dataSource]="dataSource" [treeControl]="treeControl">
  ...
<mat-tree>

看例子.

Answer 2

此外，请确保设置了 treeControl 节点。加载数据后，你应该

treeControl.dataNodes = nodes; 
treeControl.expandAll()

看到这个github问题