如何在不重新渲染的情况下更新mat-tree？

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-tree',
  template: `
    <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
      <!-- 树节点模板 -->
      <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
        {{ node.name }}
      </mat-tree-node>
      <!-- 树节点的子节点模板 -->
      <mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
        <div class="mat-tree-node">
          {{ node.name }}
        </div>
        <ul [class.example-tree-invisible]="!treeControl.isExpanded(node)">
          <ng-container matTreeNodeOutlet></ng-container>
        </ul>
      </mat-nested-tree-node>
    </mat-tree>
  `,
  styles: [`
    .example-tree-invisible {
      display: none;
    }
  `]
})
export class TreeComponent {
  dataSource: TreeNode[]; // 树形结构的数据源
  treeControl: any; // mat-tree 的控制器

  constructor(private changeDetectorRef: ChangeDetectorRef) {}

  // 更新节点的方法
  updateNode(node: TreeNode, newName: string) {
    node.name = newName;
    this.changeDetectorRef.detectChanges(); // 手动触发变更检测
  }
}

interface TreeNode {
  name: string;
  children?: TreeNode[];
  // 其他属性...
}