角のHttpClientが応答本文メッセージを取得できません

Question

私はgetFeedbackエンドポイントにHttpClientポストを使用して応答を取得し、それを私のアプリケーションに表示することを計画しています。 私は1 codeServiceと一つのダッシュボードコンポーネントを持っている、これが私のコードのサービスでポストのためのコードです：私のダッシュボードコンポーネントで

 //method 1 
async generateFeedbackPost() { 
     var headers = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded'); 
     var body = new URLSearchParams(); 
     body.set('code', this.code); 
     return this.http.post(this.url, body.toString(), { headers }).toPromise(); 
    } 
    //method 2 
generateFeedbackPost2() { 
    var headers = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded'); 
    var body = new URLSearchParams(); 
    body.set('code', this.code); 
    return this.http.post(url, body.toString(), {headers}); 
} 

私はこれらのメソッドを呼び出します。

this.codeService.generateFeedbackPost2().subscribe(data => {console.log(data);}); 
this.codeService.generateFeedbackPost().then(data => {console.log(data);}); 

私はこれらの二つの方法を試してみましたただし、両方ともコンソールでnullを出力します。

は、あなたが戻って、これらのメッセージを取得する方法を知っていますか：しかし、私のクロム開発ツールのネットワークタブでは、私は正確な結果を見ることができますか？

Answer 1

エラーが発生しているため、リクエストが成功した場合に表示されるdataが表示されません。この場合の結果、エラーを見るために

、あなたがこれを使用することができます：

this.codeService.generateFeedbackPost2().subscribe(
    data => {console.log(data);}, 
    error => console.log(error));