Angular - Async call

Question

In my app, I'm calling a service :

getEnv(): Promise<string>{
        return this.http.get(this.url + 'Home/GetEnv')
        .toPromise()
        .then(response => response.json().environment)
        .catch(this.handleError);
    }

to return to a component

getEnvironnement(): string {

      this.appService.getEnv().then(url => {
          this.url = url;
      })  

      return this.url;
  }

The problem is the following. When I'm calling MyComponent.getEnvironnement(), the result is undefined, because the call to my service is async, I know all this stuff. But.. Is there a way to wait before returning this.url ?

Thanks !

If you wait for this operation, for example it takes 2 minutes to complete the http request, what would your user be doing in this time period? There's a reason why we have async operations in front-end world, you should embrace it. — eko
– eko, Commented Jul 7, 2017 at 13:21
You don't/can't. You set the field url on the component, that's it. — Igor
– Igor, Commented Jul 7, 2017 at 13:23
Possible duplicate of How do I return the response from an asynchronous call? — Estus Flask
– Estus Flask, Commented Jul 7, 2017 at 13:39

user1726343 · Accepted Answer · 2017-07-07 13:24:40Z

1

You can use async-await to write your code in a sequential style, while still retaining the benefits of non-blocking async HTTP requests:

async getEnvironnement(): Promise<string> {
  this.url = await this.appService.getEnv();
  return this.url;
}

answered Jul 7, 2017 at 13:24

user1726343

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

Collectives™ on Stack Overflow

Angular - Async call

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related