如何根据节点属性在Angular Material平面树中渲染特定的树节点？

Question

我想基于节点的<mat-tree-node>属性显示特定的树节点nodeAuthorized: boolean。我怎样才能实现这一点，因为角度不允许在单个元素上使用超过2个结构指令。

我已经尝试在nodeAuthorized的唯一子<div>上使用<mat-tree-node>属性，但这会在2个或更多树节点之间呈现空白空间。任何帮助，将不胜感激？

这是我尝试过的，但是这在我不想要的节点之间留下了明显的空白空间。

<mat-tree-node *matTreeNodeDef="let node; when: hasChild" matTreeNodePadding>
 <div *ngIf="node.treeNode.nodeAuthorized">   
  <button mat-icon-button matTreeNodeToggle>
   <mat-icon class="mat-icon-rtl-mirror">
    {{
       treeControl.isExpanded(node) ? "expand_more" : "chevron_right"
     }}
    </mat-icon>
   </button>

   {{node.treeNode.nodeName}}
 </div>
</mat-tree-node>

Answer 1

*matTreeNodeDef可以与<ng-container>一起使用，然后可以与另一个HTML元素一起使用，例如<div>和结构指令*ngIf来呈现特定节点。