Form array validation not working in Angular 2

Question

This is my form object

 this.userFormGroup = this.fb.group({
            name : ["", Validators.required],
            email : "",
            phone : ""
            address : this.fb.group({
                city : ["", Validators.required],
                state : ""
            }),
            hobbies : this.fb.array([
                this.fb.group({
                    name : ["", Validators.required]
                }),
            ])
        })

I have used this object in the below mentioned HTML.

<div formArrayName="hobbies">
                <div formGroupName="0">
                    Name <input type="text" formControlN!ame="name">  <br><br>
                    <div *ngIf="userFormGroup.get('hobbies[0].city').hasError('required')">
                        City Required
                    </div>
                </div>
            </div>

Other validations are working but form validations are not working.

Thanks in advance.

vanarajcs · Accepted Answer · 2017-07-27 05:59:45Z

3

Try this

<div *ngIf="userFormGroup.get('hobbies').controls[i].get('name').errors">
     City Required
</div>

answered Jul 27, 2017 at 5:59

vanarajcs

9782 gold badges7 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Form array validation not working in Angular 2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related