Изменить мат-выбрать значение по умолчанию

Question

Я не могу изменить значение по умолчанию или элемент выбора мата, даже если я правильно установил свойство значения.

ngOnInit() {
this.vehicles$ = this.vehicleService.getVehicles();
if (this.fuelId > 0) {
  this.editClicked();
  this.fuelService.getFuel(this.fuelId).subscribe(data => (
      ......
      this.vehicleList.patchValue(data.vehicle),
      console.log(this.vehicleList.value),
      ......
    ));
}

Это вывод журнала:

fuel-add-edit.component.ts:55 {id: 20, plate: "random1", fuels: Array(0), journeys: Array(0), maintenances: Array(0)}

и это мой выбор мата

<mat-form-field class="float-left w-75">
  <mat-label>Scegli Automezzo</mat-label>
  <mat-select [formControl]="vehicleList" [errorStateMatcher]="matcher">
    <mat-option *ngFor="let vehicle of vehicles$ | async" [value]="vehicle">
      {{ vehicle.plate }}
    </mat-option>
  </mat-select>
</mat-form-field>

Я бы хотел, чтобы при редактировании элемента уже был выбран подходящий автомобиль вместо "Scegli automezzo"

Answer 1

Вы должны передать функцию [compareWith], если значение является объектом. См. Ответ в Angular Выбор материала - Значение по умолчанию - Реактивные формы для полного объяснения проблемы.