尝试使按钮折叠/展开角度材质嵌套树时出错

Question

我有一个角度材质嵌套树。我正在尝试创建一个按钮来展开/折叠，但出现以下错误：
ERROR TypeError: Cannot read property 'reduce' of undefined

我已经尝试过使用HTML：

<button (click)="ahtree.treeControl.collapseAll()">collapseAll</button>
<button (click)="treeControl.expandAll()">expandAll</button>

<mat-tree #ahtree [dataSource]="AccountRelTypeTreeDataSource" [treeControl]="treeControl" class="example-tree">
  <!-- This is the tree node template for leaf nodes -->
  <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
    <li class="mat-tree-node">
      <!-- use a disabled button to provide padding for tree leaf -->
      <button mat-icon-button disabled></button>
      <p">{{node.displayName}}</p>
    </li>
  </mat-tree-node>
  // The rest...
  ...

或者使用打字稿：

  // Trees:
  @ViewChild('ahtree') ahtree;
  selectedTab = 0;
  // Datasource
  treeControl = new NestedTreeControl<TreeNode>(node => node.children);
  DataSource = new MatTreeNestedDataSource<TreeNode>();
  ...
   ngAfterViewInit() {
    this.ahtree.treeControl.expandAll();
   }

我读了 https://material.angular.io/components/tree/overview#treecontrol，但我似乎仍然没有让它工作。

有谁知道如何使用嵌套树执行此操作？

Answer 1

您没有显示完整的堆栈跟踪，但我想错误与此 Github 票证中所述的错误相同。 用户开发给出的解决方案对我有用。 在同一张票证中查看此锚点。