Angular 如何仅为第二级|角度树设置图标

我有棱角树，从棱角材料树

<mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding>
<button mat-icon-button matTreeNodeToggle
        [attr.aria-label]="'toggle ' + node.name">
  <mat-icon class="mat-icon-rtl-mirror div-tree-close">
  </mat-icon>
</button>
{{node.name}}
</mat-tree-node>
 <mat-tree-node *matTreeNodeDef="let node;when: hasChild" 
    matTreeNodePadding>
   <button mat-icon-button matTreeNodeToggle
        [attr.aria-label]="'toggle ' + node.name">
  <mat-icon class="mat-icon-rtl-mirror">
    <div >{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} 
 </div>
  </mat-icon>
</button>
{{node.name}}

{{node.name}
{{treeControl.isExpanded（节点）？'expand_more'：'chevron_right'}
{{node.name}

.div tree close{
保证金：5px；
高度：5px；
宽度：5px；
背景色：#003d99
}

我只需要为第二级树设置图标

---

现在我只能为所有树设置图标。但我需要第一个杠杆上的箭头，第二个杠杆上的其他杠杆需要改变。谢谢

我有同样的要求，在中，第二级树节点需要一个不同的图标

添加一个新的

，如下所示，并在条件满足时添加一个自定义的isLevelTwo：

<mat-tree-node *matTreeNodeDef="let node;when: isLevelTwo" 
    matTreeNodePadding>
   <button mat-icon-button matTreeNodeToggle
        [attr.aria-label]="'toggle ' + node.name">
  <mat-icon class="mat-icon-rtl-mirror">
    <div >{{treeControl.isExpanded(node) ? 'remove' : 'add'}} 
 </div>
  </mat-icon>
</button>
{{node.name}}
</mat-tree-node>

现在，您可以删除其他

节点中的按钮/mat图标

<mat-tree-node *matTreeNodeDef="let node;when: isLevelTwo" 
    matTreeNodePadding>
   <button mat-icon-button matTreeNodeToggle
        [attr.aria-label]="'toggle ' + node.name">
  <mat-icon class="mat-icon-rtl-mirror">
    <div >{{treeControl.isExpanded(node) ? 'remove' : 'add'}} 
 </div>
  </mat-icon>
</button>
{{node.name}}
</mat-tree-node>

isLevelTwo = (_: number, _nodeData: FlatItemNode) => _nodeData.level === 2;