Angular call function inside fetch (ngOninit)

Question

I want to call a function inside a fetch, but for some reason I get the following error and can't find a solution.

 Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'myFunction')
TypeError: Cannot read properties of undefined (reading 'myFunction')

How I should call a function inside the fetch -> then ? Minimalist reproduction at the link below:

https://plnkr.co/edit/kizI9pLOe8XZzKYz?preview

Rikhil Arora · Accepted Answer · 2021-12-09 12:39:06Z

3

Your context is getting lost when you are declaring a function.

Use Arrow function to avoid that error as below:

fetch('https://www.ag-grid.com/example-assets/row-data.json').then( (response) => {
  return response.json();
}).then( (data) =>{
  this.myFunction(data);
})

answered Dec 9, 2021 at 12:39

Rikhil Arora

1181 silver badge9 bronze badges

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

Collectives™ on Stack Overflow

Angular call function inside fetch (ngOninit)

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