Get data from .subscribe in Angular with REST API

Question

I'm trying to implement GET method inside Angular like this:

let resp = this.http.get("http://localhost:8082/voltage");
resp.subscribe((data)=> {this.message=data; console.log(data);});
console.log(this.message);

I get this.message as 'undefined'. From lot of other similar questions, I understood that this is an async call and data is not returned by the time I'm printing it.

How can implement a callback and get the data into a variable for accessing at later time?

Does this answer your question? How do I return the response from an asynchronous call? — mbojko
– mbojko, Commented May 26, 2020 at 13:44

Barremian · Accepted Answer · 2020-05-26 13:38:11Z

1

You are accessing asynchronous data. As such all funcitionality that depend on the async data should be inside the subscription.

resp.subscribe((data)=> {
  this.message=data; console.log(data);
  console.log(this.message);    // <-- inside the subscription
});

More info on asynchronous data: https://stackoverflow.com/a/14220323/6513921

answered May 26, 2020 at 13:38

Barremian

31.2k4 gold badges37 silver badges67 bronze badges

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

2 Comments

pilogo Over a year ago

but I need the data outside subscription!

Barremian Over a year ago

There are workarounds, but you need to show more code. It depends on how you want to access the data outside this HTTP call. But regardless, there will almost always be a subscription involved, that is how async data works.

Collectives™ on Stack Overflow

Get data from .subscribe in Angular with REST API

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related