Cannot set property 'data' of undefined while access rest API in angular js

Question

I am having error as

TypeError: Cannot set property 'data' of undefined

I try fetch the data from rest api in angularjs using Http get method, Here the code

 getData(){
    this.http({method: 'GET',url:URL})
   .then(function(response) {
       console.log(response.data.id);
       this.data=response.data;// these line shows the error(TypeError: Cannot set property 'setdata' of undefined)
  });

}

Here console.log(response.data.id); print the id as 123456789 and console.log(response.data); print the entire JSON data.

But While assign the response.datato this.data shows error. But assign the response.datato var data doesn't show error.

Please help me to store the response.data in this.data

please post more relevant code, also initialization of this.data — Maxim Shoustin
– Maxim Shoustin, Commented May 23, 2018 at 11:31

DobleL · Accepted Answer · 2018-05-23 13:43:59Z

1

The problem is that in the line this.data = response.data this is referencing the then callback and not your angular's scope. So the error TypeError: Cannot set property 'data' of undefined is for the data property you are trying to access within this.

Try to save your scope somehow and then use it within the callback.

An example is the famous var vm = this; and then in the callback do vm.data = response.data

edited May 23, 2018 at 13:43

answered May 23, 2018 at 13:38

DobleL

3,9501 gold badge17 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Cannot set property 'data' of undefined while access rest API in angular js

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