У меня есть сценарий, как при выборе выпадающего меню, при выборе события происходит. onSelect обновляю мою форму с помощью setValue или patchValue. Но проблема в том, что он обновляет formControl, а не объект вывода.
this.myForm = this.fb.group({
card : new FormControl('', [])
})
onSelectOption(event){
//event contains each option which is selected
this.myForm.controls['card'].setValue(event);
}
onSubmit(){
console.log(this.myForm.value);// the card is not updated
console.log(this.myForm.getRawValue());// the card is updated
console.log(this.myForm.controls['card'].value);//the card is updated here
console.log(this.myForm.valid) // Invalid
}
<select (onSelect)="onSelectOption($event)">
<option *ngFor="let card of cards">{{card}}</option>
</select>