web-dev-qa-db-ja.com

Angular 6：応答ステータスコードの取得方法

サービスコードを取得するにはどうすればよいですか？以下のコードを試してみましたが、何も記録されません。

Service.tsファイル内。

constructor(private http: HttpClient) { }

postForgotPass(email): Observable<Response> {

return this.http.post<Response>(envi.apiUrl +'/user/forgotpassword', {
  "email": email,
  "headers": headers,
  observe: 'response'

})
}

私のcomponent.tsファイルで

sendForgotPass() {
 return this.service.postForgotPass(this.emailFormControl.value)
    .subscribe(
      res => {
        console.log(res.status);
      })
    }
angularangular-httpclient
3
Mike4

Angular docs から：

getConfigResponse(): Observable<HttpResponse<Config>> {
  return this.http.get<Config>(
    this.configUrl, { observe: 'response' });
}

使用法

this.configService.getConfigResponse()
    // resp is of type `HttpResponse<Config>`
    .subscribe(resp => {
      // display its headers
      const keys = resp.headers.keys();
      this.headers = keys.map(key =>
        `${key}: ${resp.headers.get(key)}`);

      // access the body directly, which is typed as `Config`.
      this.config = { ... resp.body };
    });
2
Ivanes

これは、2xx以外のステータスコードがエラーにマッピングされるためです。 subscribe（errors）の2番目のパラメーターのハンドラーをフックする必要があります

sendForgotPass() {
    return this.service.postForgotPass(this.emailFormControl.value)
        .subscribe(res => console.log(res.status), err => console.log('error', err.status))
    }
1
Esben Skov Pedersen