Answer by Maleen Abewardana for How do I return the response from an asynchronous call?

Angular 1

People who are using AngularJS, can handle this situation using promises.

Here it says,

Promises can be used to unnest asynchronous functions and allows one to chain multiple functions together.

You can find a nice explanation here also.

An example found in documentation mentioned below.

  promiseB = promiseA.then(    function onSuccess(result) {      return result + 1;    }    ,function onError(err) {      // Handle error    }  ); // promiseB will be resolved immediately after promiseA is resolved // and its value will be the result of promiseA incremented by 1.

Angular 2 and later

In Angular 2 with look at the following example, but its recommended to use observables with Angular 2.

 search(term: string) {     return this.http       .get(`https://api.spotify.com/v1/search?q=${term}&type=artist`)       .map((response) => response.json())       .toPromise();}

You can consume that in this way,

search() {    this.searchService.search(this.searchField.value)      .then((result) => {    this.result = result.artists.items;  })  .catch((error) => console.error(error));}

See the original post here. But TypeScript does not support native ES6 Promises, if you want to use it, you might need plugin for that.

Additionally, here is the promises specification.