How to use await to wait for server response?

Question

JavaScript

Good afternoon!
Tricky question.
There is a post request written in Angular, it is processed by the method of one service:

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;
  }

Next, in the component, I do the following:

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

Everything would be fine, but the sequence of execution has already got me.

That is, the service receives data and can work with it, but how to pass it to the component is a problem.
My manipulations with async await do not work, I do this in order to use the returned information from the server in the component, and not in the service.
How can this be implemented?

Answer 1

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);
    });
  });
}