Как с помощью await дождаться ответа сервера?

Question

[Адель Халитов]

Добрый день!
Вопрос на засыпку.
Есть пост запрос написанный на ангуляре, его обрабатывает метод одного сервиса:

postHTTP(url, info: any) {
    var some: any;
    this.http.post(url, info, httpOptions).subscribe(
        data  => {
          some = data;
          console.log("POST Request is successful ", some);
        },
        error  => {
          console.log("Error", error);
        }
      );
      return some;
  }

Далее в компоненте я делаю следующее:

constructor(
    private myHttp: myHTTPService
    ) {  }
....
async pars2gisplease() {
      console.log( await this.myHttp.postHTTP('/pars2gis', {email: this.parser2gis}) );
    }

Все бы ничего, но последовательность выполнения меня уже достала.



То есть, сервис получает данные и может с ними работать, но вот как их передать в компонент, это проблема.
Мои манипуляции с async await не работают, делаю я это для того, чтобы пользоваться возвращенной информацией с сервера в компоненте, а не в сервисе.
Как можно это реализовать?

Comments

[Ivan Stroykin]

Объясните причину, по которой выполняете subscribe в сервисе, а не возвращаете в компонент сам Observable?

Answer 1

[Stockholm Syndrome]

postHTTP(url, info) {
  return new Promise((resolve, reject) => {
    this.http.post(url, info, httpOptions).subscribe((data) => {
      resolve(data);
      console.log("POST Request is successful ", data);
    }, (error) => {
      reject(error);
      console.log("Error", error);
    });
  });
}

Comments

[Адель Халитов]

А как postHTTP возвращает data?

[Михаил]

Адель Халитов, через resolve

var data = await postHTTP('url', {}); //пример использования

И учите теорию

[Адель Халитов]

makarychev13, я был близок к этому. Спасибо

[Ivan Stroykin]

Кто-нибудь может дать адекватный ответ, зачем заворачивать Observable в Promise?

[Валерий В.]

Ivan Stroykin, можно и промис завернуть в промис

[Ivan Stroykin]

Валерий В., Не, ну то что можно это понятно. Главный вопрос тут - зачем?)