Как установить значение для элемента управления Reactive Form в Angular6? - PullRequest
0 голосов
/ 19 марта 2019

Я хочу установить значение текстового поля при нажатии какой-либо другой кнопки, которая присутствует вне формы, как я могу это сделать

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

как я могу установить значение кнопки, помещенной в реактивную форму?

1 Ответ

3 голосов
/ 19 марта 2019

Ваш код работает нормально, пожалуйста, инициализируйте группу форм и элементы управления формой

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

...