トークンと応答データへのアクセス

Question

角度2の基本認証を試してみよう私のコンポーネントでトークンがチェックされ、存在する場合は適切な場所にナビゲートしますが、返されたエラーメッセージは表示されませんサービス。ここでは、サービスコールされます。ここでは

this._loginService.login(loginQuery) 
     .subscribe(
      (token: any) => this._router.navigate(['User', { username: user }]), 
      (data) => { this.errorMessage = data.ErrorMessage; } 
     ) 

は、サービスのためのコードは次のとおりです。

return this._http.post('serivcelink, 
          body, 
          {headers:headers}) 
     .map((res : any) => { 
      let data = res.json(); 
      this.token = data.TeamMember.UserName; 
      localStorage.setItem('token', this.token); 
     }); 

私はレスポンスオブジェクトへのアクセスを取得しないことを除いて、私は私が欲しいトークン動作を得ますエラーメッセージを表示することはできません。

トークンを確認して応答データにアクセスする方法を教えてください。

Answer 1

あなたのトークンが存在する場合、エラーメッセージを表示他、チェックするためにif文を使用することができます：あなたの応答のための

this._loginService.login(loginQuery) 
     .subscribe(
      (data: any) => { 
       if (localStorage.getItem('token')) { 
        this._router.navigate(['User', { username: user }]) 
       } else { 
        this.errorMessage = data.ErrorMessage; 
       } 
      } 
     ) 

Answer 2

あなたはあなたのケースでmapコールバック、すなわちthis.token内の何かを返す必要があります。

return this._http.post('serivcelink, 
         body, 
         {headers:headers}) 
    .map((res : any) => { 
     let data = res.json(); 
     this.token = data.TeamMember.UserName; 
     localStorage.setItem('token', this.token); 
     return this.token; // <------- 
    }); 

何を返すことsubscribe方法のコールバックへのパラメータとして受け取ります。