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'];

最后这里是我试图绑定一个值的数据对象：

[

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

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

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

但这也不起作用。

Answer 1

您需要在此处使用两种方式的数据绑定，使用以下[(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>