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

И, наконец, вот объект данных, с которого я пытаюсь связать значение:

[

Селектор тольковозвращая 3 значения из массива.

Я попытался изменить возможные фазы следующим образом:

  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>