[Angular 2] Using Promise to Http

You can also with Promise for http:

For the service, you need-call Topromise () method:

  Getvehicles (value?: String) {    returnthis. _http.get (' Api/vehicles.json ')      = = <Vehicle[]>Response.json (). Data)      .  Topromise()      . Catch (this. handleError);  }

Then on your controller, you can get the Promise back:

  Getheroes (value?: String) {    this. _vehicleservice.getvehicles (value);  }

But notice this, we assign the Promise to the this.vehices. So it means we use ' async ' pipe:

< ul >  <  *ngfor= "#vehicle of Vehicles | async"    (click)= "SELECT (Vehicle)" >     {{vehicle.name}}  </li></ul  >

[Angular 2] Using Promise to Http