Question

我用过角材料选择

<mat-select [(ngModel)]="category"
            required>
  <mat-optgroup *ngFor="let group of categoryGroups"
                [label]="group.name">
    <mat-option *ngFor="let category of group.options"
                [value]="category.value" (onSelectionChange)="onCategorySelection($event, group.name)">
       {{category.viewValue}}
    </mat-option>
  </mat-optgroup>

</mat-select>

但在使用UPDATE格式时遇到问题，应根据传递的数据预先填充。

因为具有相同的类别值可能会出现在另一个组中。

因此无法预先填充mat-select

在没有分组的情况下，可以进行mat-select绑定：[value] = "category.value"

即基于组选项应预先填充请检查：

Demo

Answer 1

每个选项必须具有唯一值。您可以将值设置为所需的任何值-不必是“类别”值。例如，您可以在组名称前添加类别值：

[value]="group.name + '-' + pokemon.value"

预填充角材料选择具有分组

1 个答案: