約束

Question

内から値を返す私は、サービスを注入サービスを提供しています。子サービスはfacebook apiに接続し、親サービスにユーザのログインステータスを返すと仮定します。私が直面しています問題は、このFBのAPI呼び出しが約束を使用すると私は子サービス関数呼び出しの値に基づいて、親サービスにいくつかのロジックを実行しようとしています。これを行う正しい方法は何でしょうか？

これは私が試したものです：下記のコードが正常にFacebookのAPIおよび出力に接続

facebook.service.ts

注、 "接続" それが必要として**

checkLoginStatus() { 
     this.FB.getLoginStatus((response) => { 
      console.log(response.status); //outputs "connected" 
     }); 

} 

はしかし、私は親サービスに約束の応答に含まれる値を返すようにしようとしていますので、以下のように、私は、コードを変更...とエラーを取得：

FB:any; 

    constructor() { 
     facebook().then((FB) => { 
      // Initialize SDK 
      FB.init({ 
       appId  : '1111111111111111', 
       cookie  : true, // enable cookies to allow the server to access 
            // the session 
       xfbml  : true, // parse social plugins on this page 
       version : 'v2.8' // use graph api version 2.5 
      }); 

      this.FB = FB; 

     }); 
    } 

    checkLoginStatus() { 
     this.FB.getLoginStatus((response) => { 
      return response.status; //"connected" 
     }); 
    } 

home.service.ts

constructor(@Inject(FacebookService) private fb:FacebookService) { 
    this.authenticateFacebook(); 
} 

authenticateFacebook() { 
    this.fb.checkLoginStatus().then((response) => { 
     console.log(response); //should output connected 
    }); 
} 

Answer 1

facebook.service.tsはちょうどあなたが返すことができ、独自の約束に、あなたは戻り値を指定することができます解決値でそれを包みます。

public authenticateFacebook(): Promise<any> { 

     return new Promise((resolve, reject) => { 
      this.fb.checkLoginStatus().then(response => { 
       console.log(response); //should output connected 
       resolve(response); 
      }); 
     }); 

    } 

Answer 2

エラーが示すように、あなたのサービスを呼び出しているときに、this.FBは、まだ定義されていません。初期化自体が非同期であるためです：Facebookは（）ライブラリをロードし、それがロードされるときにのみ、this.FBが初期化されます。 this.FBを使用する前に、この初期化が完了するのを待つだけです。しかし、修正は比較的簡単です：

private fbPromise: Promise<any>; 

constructor() { 
    this.fbPromise = facebook().then((FB) => { 
     // Initialize SDK 
     FB.init({ 
      appId  : '1111111111111111', 
      cookie  : true, // enable cookies to allow the server to access 
           // the session 
      xfbml  : true, // parse social plugins on this page 
      version : 'v2.8' // use graph api version 2.5 
     }); 

     return FB; 
    }); 
} 

private authenticateFacebook(FB): Promise<any> { 
    return new Promise((resolve, reject) => { 
     FB.getLoginStatus(response => resolve(response)); 
    }); 
} 

checkLoginStatus(): Promise<string> { 
    return this.fbPromise 
       .then(FB => this.authenticateFacebook(FB)) 
       .then(response => response.status); 
}