如何使optgroup可选？

Question

你能让optgroup成为可选择的吗？

<mat-form-field class="h-1 text-xs w-full">
    <mat-select formControlName="source">
        <mat-option [value]="defaultSource">All</mat-option>
        <mat-optgroup *ngFor="let source of sources"
            [label]="source.source">
            <mat-option *ngFor="let subSource of source.subSources"
                [value]="{'source': source.source,'type': subSource.name}">
                {{ subSource.name }}
            </mat-option>
        </mat-optgroup>
    </mat-select>
</mat-form-field>

我希望能够选择顶级选项，而不仅仅是子选项。有可能吗？或者有解决这个问题的办法吗？

Answer 1

不能将optgroup设置为可选。只能选择mat-选项。但我们可以使用一种变通方法，保留select as mat选项中的所有项目，并添加一些自定义样式来区分组。您可以参考此link中类似问题的接受答案。

或者您可以考虑使用ng-select (link)，可以使组成为可选择的。