angular 4 reactive form group validation

Question

i need advice! I want validate reactive form. I have two form groups and both have input with same formcontrolname.

my code:

  this.form = this.fb.group({
  group1: this.fb.group({
    name: ['', Validators.required],
  }),
  group2: this.fb.group({
    name: [ '', Validators.required],
  })
});

How cen i get both of name?

I tried this. But i dont know which one i get.

get name() { return this.form.get('name'); }

Thanks!

Tyler.z.yang · Accepted Answer · 2017-10-11 08:01:53Z

0

just used this statement, it should work : )

get name() { return this.form.get('group1.name').value; }

answered Oct 11, 2017 at 8:01

Tyler.z.yang

2,4601 gold badge20 silver badges31 bronze badges

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

1 Comment

its me Over a year ago

stackoverflow.com/questions/49534244/…

Gorsky · Accepted Answer · 2017-10-11 07:53:09Z

0

With such structure:

this.form = formBuilder.group({
'varA': [],
'varB': formBuilder.group({
  'varC': []
(...)

Accessing looks like this:

varA = this.form.value['varA']
varC = this.form.value['varB']['varC'];

If I got your question correctly.

answered Oct 11, 2017 at 7:53

Gorsky

134 bronze badges

Comments

sainu · Accepted Answer · 2017-10-11 07:58:38Z

0

You can use this function in component

 get name() { 
       return this.form.controls['group1'].value.name;
    }

answered Oct 11, 2017 at 7:58

sainu

2,7013 gold badges26 silver badges43 bronze badges

1 Comment

its me Over a year ago

help needed on this stackoverflow.com/questions/49534244/…

Collectives™ on Stack Overflow

angular 4 reactive form group validation

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related