Question

我正在尝试将有角材质树与复选框结合使用，但我不想在复选框旁边使用纯文本，而是要渲染自己的角度分量。

选择后应发出该组件的模型。

我尝试使用以下内容作为参考： https://stackblitz.com/angular/poxkygvnbyd?file=app%2Ftree-checklist-example.ts

，还尝试读取角形材料树API： https://material.angular.io/components/tree/api

仍然不确定如何做到。

Answer 1

使用模板逻辑有条件地在复选框元素内显示自定义组件：

<mat-checkbox #cb class="checklist-leaf-node"
    [checked]="checklistSelection.isSelected(node)"
    (change)="checklistSelection.toggle(node);">
  <my-special-component *ngIf="cb.checked; else notChecked"></my-special-component>
  <ng-template #notChecked>{{node.item}}</ng-template>
</mat-checkbox>

如何在材质树组件内部渲染角度组件

1 个答案: