Angular how to set radio button checked in Reactive Form

Question

I am building a very simple form like this:

  form = new FormGroup({
    choose: new FormControl('', Validators.required)
  })

I know that I can set my radio button to checked like this:

  form = new FormGroup({
    choose: new FormControl('1', Validators.required)
  })

My question is how to set radio button later. Maybe in ngOnInit()? Background is that I first do some API calls in init and after this I want to choose which radio button should be checked and which not. I don't want to do it in Template. Or is this only way?

Check this:angular.io/guide/reactive-forms#replacing-a-form-control-value — Chellappan வ
– Chellappan வ, Commented May 10, 2021 at 6:34

Javapocalypse · Accepted Answer · 2021-05-10 06:35:06Z

9

You can use the setValue() method after the API calls like this:

this.form.controls.choose.setValue('1');

Give this a read for a detailed answer regarding how to set the value to form control in Reactive Forms in Angular. Happy coding :)

answered May 10, 2021 at 6:35

Javapocalypse

2,40319 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular how to set radio button checked in Reactive Form

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related