html - 如何在Angular中仅打印错误消息

Question

我正在尝试找出一种方法，仅从api调用错误中打印“消息”部分，但不确定如何获取该部分，因此，如果能得到任何建议或帮助，我将不胜感激。
So this is what it show me in the network tab when there is error in the api call (pic)

 saveChartClick(err: any) {
    // update the chart data here
    if(!this.isTextChart && !this.isFigure && !this.isGrid){
      this.chartService.updateChart(this.chart).pipe(takeUntil(this.death$)).subscribe((updated) => {
        if(updated) {
          this.chart = updated;
          this.snackbar.open("Chart has been updated.", " ", {duration: 2500});
          this.store.dispatch(updateChart({chart: this.chart}));
        } else {

          this.snackbar.open(err.message, "close ", { duration: 2500 });
        }
      }, err => {
        this.snackbar.open(err.message, "close ", { duration: 2500 });
      })
    }
    else{
      // save the new data here
      this.store.dispatch(saveChartData({ guid: this.chart.guid, data: this.chartData }));
    }
  }

现在它向我显示了这，这不是我想要显示的，因为它并不能真正告诉您错误所在。
Error Message it showing me right now (pic)
This is hard coded but this one example of what I want to display (pic)
错误在后端处理，有时我会收到不同的错误消息，所以我不想对其进行硬编码。

Answer 1

在Angular的HttpErrorResponse对象中，这就是message属性的外观。你想要的不是

this.snackbar.open(err.message, "close ", { duration: 2500 });

但

this.snackbar.open(err.error.message, "close ", { duration: 2500 });

或者，为了安全起见(error可以为null)，

const errorMessage = err.error ? err.error.message : err.message;
this.snackbar.open(errorMessage, "close ", { duration: 2500 });