角度4.3のHttpクライアント

Question

新しいHttpClientとこの既存のコードをどのように置き換えることができますか？私の問題は、深い解析を行い、サービスクラス外の型付きオブジェクトをComponentに返すことです。問題は、私がUserModelとして

public authenticate(model: LoginModel): Promise<UserModel> { 
     return this.http 
      .post(this.controller, JSON.stringify(model)) 
      .toPromise() 
      .then(response => response.json().result.data as UserModel) 
      .catch(this.handleError); 

    } 

古いコード

コンポーネント

this.loginService.authenticate(this.loginModel).then(
      res => { this.userModel = res;}, 
      error => { this.handleError(error);} 
      ); 

サービスクラスをresult.data返すことができないんだけどHttpClientをしています改訂サービスクラスコード私が観察し、リターンにresponse.result.dataマッピングするにはどうすればよい

public authenticate(model: LoginModel): Observable<UserModel> { 
      return this.httpClient 
       .post<UserModel>(this.controller, model) 
       .catch(this.handleError); 

     } 

。私はクラスから完全な応答オブジェクトを返すのではなく、型指定されたオブジェクトとしてjsonの一部だけを返すことを望んでいます。

Answer 1

あなたはrxjsからmap演算子を使用して応答をマッピングすることができます。

public authenticate(model: LoginModel): Observable<UserModel> { 
    return this.httpClient 
    .post(this.controller, model) 
    .map(response => response.result.data as UserModel) 
    .catch(this.handleError); 
} 

これはUserModelとして応答データを返します。