Question

我想更改指示器位置。我没有在文档中找到任何有关它的信息。这里有一个 stackblitz来自有角度的材料文档。我想在树的每个级别的标题右侧都有一个指示器。感谢您的帮助：）

Answer 1

您可以先添加label，然后在button内添加HTML file，如下所示。

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

我已经更新了您的代码here in stackblitz。

Answer 2

只需更改标签在按钮之前的位置

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

指标在垫树Angular中的位置

2 个答案: