如何捕获HttpErrorResponse的状态并在angular组件中显示

import { HttpClient, HttpErrorResponse } from '@angular/common/http';

constructor(private http: HttpClient) { }

this.http.get('your-api-endpoint').subscribe(
  (response) => {
    // 处理成功的响应
  },
  (error: HttpErrorResponse) => {
    // 处理错误的响应
    console.log('Error status:', error.status);
    console.log('Error message:', error.message);
  }
);

errorMessage: string;

this.http.get('your-api-endpoint').subscribe(
  (response) => {
    // 处理成功的响应
  },
  (error: HttpErrorResponse) => {
    // 处理错误的响应
    console.log('Error status:', error.status);
    console.log('Error message:', error.message);
    this.errorMessage = error.message; // 将错误信息赋值给errorMessage变量
  }
);

<div *ngIf="errorMessage">{{ errorMessage }}</div>