带有Angular2的Google Cloud Endpoint

Question

I am using app-engine on the backend, with Google Cloud Endpoints to expose APIs for the front end. The Front end is using Angular2.

I have followed the strategy described here for javascript (or here for Angular1), and this pretty much works but does not blends in well with Angular2 at the moment as it is not Observable based, not wrapped in a service etc.

On DefinitelyTyped, I found these type definitions for Google Sign-In API but is only for authentication.

If no better strategy is identified, I'll end up writing a wrapper service for Gapi, but maybe someone has a better approach?

Answer 1

How about you use Promise?

maybe.service.ts

function getPerson:  Promise<FooBarResponse>(){
  var arg:ArgFooBarPeople = new ArgFooBarPeople();
  return new Promise<FooBarResponse>(
            (resolve,reject) =>
            { gapi.client["foobarapi"]["person"].all(arg).execute(
                    (response:any)=>{
                        resolve(response);
                    });
            }
        );
}

maybe.component.ts

function load(){
    this._foobarService.getPerson()then(
             (response:FooBarResponse):void =>{
                    console.log(response);
                    this.fooBarResponse = response;
        }).catch( (error)=>{this.error="error !!"});
}