他のコンポーネントからのhttp.getが終了した後の角2実行メソッド

Question

私はJwtServiceというサービスを持っています。このサービスには、ユーザーデータを取得するメソッドがあります。私は私のコンポーネントでこのメソッドを呼び出します。

今

this.JwtService.getUserData(); 

、私は私のコンポーネントのボタンをクリックしたときに - 私は、このメソッドを呼び出します。

this.updateMoves(); 

JwtServiceサービスのデータに動作します： このメソッドが呼び出された後、私は別のローカルメソッドを呼び出します。

this.JwtService.getUserData();は、新しいデータの実行と更新が完了しておらず、古いデータでthis.updateMoves();が実行されていません。

不要なソリューション：サービスにupdateMoves()方法を移動し、応答が受信された後、それを呼び出してそれを動作させることができますが、この方法で以来、私はしたいが、それをしない、特定の一つの成分に属しています。

不要な解決策2：新しいサービス変数IS_LOADEDを読み込み、読み込みが完了したら自分のコンポーネントをチェックインします。それは私のアプリでいくつかの問題が発生します。

サービスデータを受信した後にupdateMoves()を実行すると思われるその他のソリューションはありますか？

マイgetUserData（）メソッド：

getUserData() 
    { 
     this.good = false; 
    if (this.getToken()) { 
    this.http.get('user/info?token='+this.getToken()) 
     .map((res:Response) => res.json()) 
     .subscribe(
     data => { 
      this.userData = data.user; 
      this.LOADED = true; 
     }, 
     err => { this.checkToken(err); } 
    ); 
    } 
} 

Answer 1

あなたgetUserData方法が観測を返す場合、あなたはそれを購読すると、関連するコールバックで第二の方法を実行できます。

this.JwtService.getUserData().subscribe(() => { 
    this.updateMoves(); 
}); 

編集

doとcatch演算子を使用できます：

getUserData() { 
    this.good = false; 
    if (this.getToken()) { 
    return this.http.get('user/info?token='+this.getToken()) 
     .map((res:Response) => res.json()) 
     .do(
     data => { 
      this.userData = data.user; 
      this.LOADED = true; 
     }) 
     .catch(
     err => { this.checkToken(err); } 
    ); 
    } else { 
    return Observable.throw('Not good'); 
    } 
}