Property 'push' does not exist on type '() => void'. How to resolve this error in Typescript Angular 10?

Question

I am getting this error when I use push() on the array in an Angular 10 project in Typescript.

Error

Property 'push' does not exist on type '() => void'.ts(2339)

Please help me figure out why this error is coming and how can I resolve it?

export class GrantProgramComponent implements OnInit {
  grantProgramForms : any = this.fb.array([]); 
  constructor(private fb: FormBuilder ) { }

  ngOnInit(): void {
    this.AddGrantProgramForms(); 
  }


  AddGrantProgramForms(){
    this.AddGrantProgramForms.push(this.fb.group({
      Id : [0], 
      ProgramName : [''], 
      ProgramCode : [''], 
      StartDate : [''],
      EndDate : [''], 
      Status : [false]
    })); 
  }

}

score 1 · Accepted Answer · answered Dec 14 '20 at 06:15

1

You can't use the formbuilder before it's been initialised in the constructor. Move your logic into the constructor method:

 grantProgramForms : any 

 constructor(private fb: FormBuilder ) {
   this.grantProgramForms = this.fb.array([]); 
 }

Then in your addGrantProgramForms method you are referencing the wrong variable, I think you mean this.grantProgramForms.push not this.AddGrantProgramForms.push

answered Dec 14 '20 at 06:15

chrismclarke

1,995
10
16

Thanks! I was calling the method instead of the array lol. A stupid mistake from my part. – StarLord Dec 14 '20 at 06:20
No worries, it happens. Glad it's working now! – chrismclarke Dec 14 '20 at 06:20
If there's no other problems you can feel free to mark this as solved – chrismclarke Dec 14 '20 at 06:21

Property 'push' does not exist on type '() => void'. How to resolve this error in Typescript Angular 10?

1 Answers1