Mat-option select set set по умолчанию выбранный вариант с карты

Question

Как я могу установить в качестве выбранного по умолчанию первого элемента карты, который я использую для выбора мата? У меня есть:

<mat-select formControlName="formValoreScadenzario" [(value)] ="selectedValoreScadenzario">
  <mat-option *ngFor="let scad of mappaValoriScadenzario" [value]="scad.key">
    {{scad.value}}
  </mat-option>
</mat-select>

где mappaValoriScadenzario - моя карта. Как я могу установить в качестве значения по умолчанию первый элемент значения ключа моей карты? Я нашел только примеры с жестко запрограммированным значением или с простыми массивами строк.

Answer 1

Вы должны вручную установить его с помощью setValue метода formValoreScadenzario FormControl после mappaValoriScadenzario инициализации (статическая инициализация или получение данных через HttpClient в наблюдаемой подписке) следующим образом:

this.formValoreScadenzario.setValue(this.mappaValoriScadenzario[0].key)

UPDATE В случае если FormControl вложено внутрь FormGroup, вы можете установить его значение следующим образом:

this.ricercaScadenzarioForm.get('formValoreScadenzario').setValue(this.mappaValoriScadenzario[0].key)

Пример StackBlitz

Answer 2

вам нужно исправить значение по умолчанию, выбранное в ngOnInit: в вашем файле .ts возьмите этот пример -.-,

https://stackblitz.com/edit/how-to-set-default-value-of-mat-select-when-options-are-retriev