angular - 如何在 Angular6 中为响应式表单控件设置值？

Question

我想在单击表单外的其他按钮时设置文本框的值，我该怎么做

<form [formGroup]='student' (ngSubmit)='click()'>
<input type='text' formControlName='name'
<input type='submit' value='submit'>
</form>
<input type='button' (click)='setValueOfTextbox()' value='some other button'>

现在，当我单击此按钮并尝试设置值时，我无法执行此操作

student:FormGroup

setValueOfTextbox(){
this.student.controls.name.setValue('foo')
}

如何设置以反应形式放置的按钮的值？

Answer 1

您的代码工作正常，请初始化您的表单组和表单控件

ngOnInit() {
  this.student = new FormGroup({
    name: new FormControl()
  })
}

setValueOfTextbox(){
  this.student.controls.name.setValue('foo')
}

https://stackblitz.com/edit/angular-kwcrcp?file=src%2Fapp%2Fapp.component.ts