Опция по умолчанию для выбора не работает (реактивная форма)

Question

Я пытаюсь установить значение по умолчанию для Select в Реактивной форме, но безуспешно.Я видел много дискуссий на эту тему в Stackoverflow, и, похоже, все, что мне нужно сделать, это добавить [selected]="(expression)", но решения не сработали для меня.Что я делаю не так?

// Note: itm[6] == ["Option1", "Option2, "Option3"], itm[5]=="Option2" (i.e., the default)

<select name="foo" formControlName="foo">
  <option *ngFor="let g of itm[6]; let idx = index" [value]="idx" [selected]="g==itm[5]">{{g}}</option>
</select>

Answer 1

Вы можете попробовать, добавив [selected] = "g === 'Option2'", чтобы выбрать опцию.Или вы можете исправить значение по умолчанию для formcontrol

this.myForm.patchValue ({foo: 'Option2'});

Answer 2

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

this.form.get('foo').setValue('Option2')

demo ??

Answer 3

Оказывается, что моя проблема была в соответствии с моим исходным сообщением: [value]=idx, поэтому мне нужно было либо изменить его на [value]=g, либо использовать индексный номер в setValue или patchValue