默认情况下在树组件中打开第一个树节点

时间:2018-08-24 04:03:13

标签: angular angular-material

我正在使用树组件,即(部分加载数据的树)。这里是stackblitz示例

我希望第一个rootLevelNode默认为openend。 像这样

enter image description here

我无法获取任何相关文档。该怎么办?

我得到了这个建议,但仍然行不通。

使用  垫树的[matTreeNodeToggleRecursive]选项

 <button mat-icon-button matTreeNodeToggle 
  [matTreeNodeToggleRecursive]="true"> 
  <mat-icon> 
    {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
  </mat-icon> 
 </button> {{node.Name}}

1 个答案:

答案 0 :(得分:2)

尝试这样的事情:

只可以click切换

参考----> Toggle

DEMO

TS:

ngAfterViewInit() {
    document.getElementById('node-Vegetables').click();
  }

HTML:

<button id="node-{{node.item}}" mat-icon-button [attr.aria-label]="'toggle ' + node.filename" (click)="loadChildren(node)"
         matTreeNodeToggle>
      <mat-icon class="mat-icon-rtl-mirror">
        {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
      </mat-icon>
 </button> {{node.item}}