将HTML添加到mat-optgroup标签

Question

Angular Material是否可以为自动完成组件的optgroup的标签提供HTML模板，而不是将字符串绑定到label输入？ label属性会转义任何HTML标记。

Answer 1

我玩了一点，看来您可以做到，您只需要删除 [label]输入值，然后将< <mat-optgroup>内部的strong>自定义模板，例如：

<mat-autocomplete #autoGroup="matAutocomplete">
        <mat-optgroup *ngFor="let group of stateGroupOptions | async">
          <!-- here i put my custom button instead of label --->
          <button mat-raised-button color="primary">{{group.letter}}</button>
          <mat-option *ngFor="let name of group.names" [value]="name">
            {{name}}
          </mat-option>
      </mat-optgroup>
</mat-autocomplete>

stackblitz上的示例（我放按钮而不是普通标签）。希望有帮助。