Angular access form control by name from form group

Question

I have a page where I'm able to do console.log(this.formGroup.controls) and access all the controls on the page. However, when I do console.log(this.formGroup.controls['ctrlName']) I get a null value. I also tried to cast the control as a FormControl like so: console.log(this.formGroup.controls['ctrlName']) as FormControl but still I get null.

How, can I access the individual controls to programatically add validation?

could you add all the code with building formGroup ?

Andrei
– Andrei

2021-01-13 13:23:08 +00:00
Commented Jan 13, 2021 at 13:23 — Andrei
– Andrei, Commented Jan 13, 2021 at 13:23

TotallyNewb · Accepted Answer · 2021-01-13 13:27:44Z

2

As per Angular docs - since FormGroup inherits after AbstractControl you can use the get method to retrieve control by it's path, e.g.

this.formGroup.get('ctrlName')

answered Jan 13, 2021 at 13:27

TotallyNewb

4,8801 gold badge16 silver badges22 bronze badges

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

3 Comments

mo_maat Over a year ago

I tried that already as well but same result.

TotallyNewb Over a year ago

Well, that implies that you provide wrong control name or path. Please, provide a stackblitz reproduction where this method does NOT work and we'll work from there.

Eliseo Over a year ago

ctrlName is a variable or a literal? if is a literal you should access as TotallyNewb say (always you use after create the formGroup)

Collectives™ on Stack Overflow

Angular access form control by name from form group

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related