FormArray : Cannot read property 'push' of undefined in typescript

Question

ERROR TypeError: Cannot read property 'push' of undefined

addAddress() {
    const control = <FormArray>this.AddUserstep2Form.controls['addresses'];  

    const addrCtrl = this.initAddress();

    control.push(addrCtrl);

  }
initAddress() {
    return this.fb.group({
      stateCode: [''],
      cityId: ['']
    }); 
  }

Sajeetharan · Accepted Answer · 2018-08-01 08:01:23Z

2

This is happening when control is null , you need to initialize with empty array

const control = <FormArray>this.AddUserstep2Form.controls['addresses'];  
const addrCtrl = this.initAddress();
if(control && control.length > 0){
 control.push(addrCtrl);
}else
{
 control = [];
 control.push(addrCtrl);
}

edited Aug 1, 2018 at 8:01

answered Aug 1, 2018 at 7:46

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

2 Comments

Revathi Vijay Over a year ago

Thank You for your help. but still I am facing same error

user1012506 Over a year ago

@Sajeetharan ,I created const control in my component as FormArray, can I init with empty (to be added by user)

Collectives™ on Stack Overflow

FormArray : Cannot read property 'push' of undefined in typescript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related