в setValue элементы управления формы обновляются, но выходной объект не - PullRequest
0 голосов
/ 22 апреля 2020

У меня есть сценарий, как при выборе выпадающего меню, при выборе события происходит. 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>
...