如何在Angular6中设置被动表单控件的值?

如何在Angular6中设置被动表单控件的值?,angular,angular6,angular-forms,Angular,Angular6,Angular Forms,我想在点击表单外部的其他按钮时设置文本框的值,如何设置 <form [formGroup]='student' (ngSubmit)='click()'> <input type='text' formControlName='name' <input type='submit' value='submit'> </form> <input type='button' (click)='setValueOfTextbox()' value='som

我想在点击表单外部的其他按钮时设置文本框的值,如何设置

<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'>

如何设置被动表单中按钮的值?

您的代码运行正常,请初始化表单组和表单控件

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

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

好吧,代码只是更大更复杂代码的一个片段,如何设置checkbox的值?这是相同的方法吗?我添加了一个复选框控件,并尝试了这个,但它不起作用,this.student.controls.gender.setValue('true');你能帮我一下吗?请看我更新的stackblitz@LijinDurairaj:它也会起作用,在你的stackblitz示例中,你没有为性别创建formControl:检查这个:这是否回答了你的问题?
ngOnInit() {
  this.student = new FormGroup({
    name: new FormControl()
  })
}

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