Call async await in angular 2

Question

In my angular 2 app i got method:

myMethod(component: any): void {
  let a = console.log('start');
  if (this._something) {
    // Here i got custom modal window
    this._service.callModalWindow('message').subscribe(result => {
      if (result === 'Confirm') {
        let b = console.log('confirm);
      }
    }
  }
  let c = console.log('finish');
}

The problem is: The way this method call console.log is not what i want, i want to get first console.log('first'), then after i got my modal confirmed get console.log('confirm'), and then get the final console.log('finish');

Now i have this situation, method calls variable a, then c, then b when i confirm modal.

Does anyone have any ideas how i can work around this situation?

@JonasWilms this is not a way, it was just a custom example to show my situation, i need to make this method exactly in this position — Yar Sol
– Yar Sol, Commented Dec 24, 2018 at 14:34
What's the difference between "confirm" and "finish" states? Also, console.log does not return anything. — Jeto
– Jeto, Commented Dec 24, 2018 at 14:34
Add everything out want to run as "finish.." in a seperate method and call it in subscribe after your "confirm" — Ashish Ranjan
– Ashish Ranjan, Commented Dec 24, 2018 at 14:36

Sachila Ranawaka · Accepted Answer · 2018-12-24 14:35:55Z

3

Not the most suitable way to use the async await. But if u must. use the toPromise to convert the observable to promise since async wait need promises to resolve behind the scene

async  myMethod(component: any): void {
  let a = console.log('start');
  if (this._something) {
  // Here i got custom modal window
  let result = await this._service.callModalWindow('message').toPromise();
  if (result === 'Confirm') {
    let b = console.log('confirm);
  }
  let c = console.log('finish');
}

answered Dec 24, 2018 at 14:35

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

2 Comments

Yar Sol Over a year ago

this is what i was looking for =)

Poul Kruijt Over a year ago

return type is Promise<void> though.. good thing to know when calling it

Collectives™ on Stack Overflow

Call async await in angular 2

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related