Angular 7 - [ngModel] 不适用于 mat-select

Question

不确定我哪里出错了，但我似乎无法让 ngModel 在以下情况下工作:

模板代码如下:

    <mat-select [ngModel]="data.dataObject[0].phase">
            <mat-option *ngFor="let phase of possiblePhases" [value]="phase">
                {{phase}}
            </mat-option>
    </mat-select>

这是来自组件的可能的阶段数组:

possiblePhases: string[] = ['Test1', 'Test2', 'Test3'];

最后这里是我试图绑定(bind)一个值的数据对象:

[

选择器只返回数组中的一个值。

我试过像这样改变可能的阶段:

  possiblePhases = [
    {phase: 'Test1'},
    {phase: 'Test2'},
    {phase: 'Test3'}
  ];

但这也不起作用。

Answer 1

您需要在此处使用两种方式的数据绑定(bind)，使用 [(ngModel)]="data.dataObject[0].phase" 语法:

<mat-select 
  [(ngModel)]="data.dataObject[0].phase" 
  (selectionChange)="onChange()">
    <mat-option 
      *ngFor="let phase of possiblePhases" 
      [value]="phase">
        {{phase}}
    </mat-option>
</mat-select>