Значение исправления угловой реактивной формы не работает с раскрывающимся списком mat-select

#angular

#angular

Вопрос:

Я создаю реактивную форму, в которой у меня есть выпадающий список mat-select с двумя кнопками отправки и загрузки данных. Если пользователь нажимает на кнопку загрузки данных, я должен установить значение для выпадающего списка, я использую метод реактивных форм patchValue() для достижения этой цели, но значение не отражено в опции. Я создал тот же сценарий по этой ссылке `

https://stackblitz.com/edit/angular-select-dropdown-reactive-form-yhevca?file=src/app/app.component.ts

`

может кто-нибудь, пожалуйста, скажите мне, как я могу этого добиться

Ответ №1:

Вы исправляете cityName: "srinagar" , это значение не существует в списке параметров городов, попробуйте использовать одно из значений параметров, например, «Флорида», и вы увидите, что исправленное значение правильно привязано

Комментарии:

1. да, Никола абсолютно прав, если вы хотите использовать «srinagar», просто добавьте его в свой City массив, и все работает нормально

Ответ №2:

Попробуйте добавить это в loadData()

 this.registrationForm.controls["cityName"].setValue(this.City[0]);
 

Здесь я устанавливаю значение 0-го индекса вашего массива. Вы можете установить любое значение, которое хотите.