Mat-select 未填充值

Question

我正在尝试用数据填充我的 mat-select 下拉列表，但我没有看到任何东西，也没有看到任何控制台错误。

这是我复制的一个 stackblitz 示例： https://stackblitz.com/edit/angular-9-material-starter-f1drwx?file=src/app/app.component.html

这是我的代码

this.selected = [
    "EUR",
    1
]


<mat-form-field appearance="fill">
  <mat-select (selectionChange)="onInputSelectChange($event)" [(ngModel)]="selected" disabled> 
    <mat-option [value]="selected[1]">{{selected[0]}}</mat-option>
  </mat-select>
</mat-form-field>

我想在禁用的 mat-select 字段中设置值和名称。知道为什么它没有填充吗？

Answer 1

您的 [(ngModel)]="selected" 是一个数组，而您的 mat-option 值是一个字符串。将您的 ngModel 更改为

[(ngModel)]="selected[1]"

或将值更改为整个数组

<mat-option [value]="selected">{{selected[0]}}</mat-option>

Mat-select 未填充值

Mat-select not populating with value

angular-material

angular