javascript - Angular Material dialogRef.afterClosed().subscribe 不处理错误

Question

我正在使用 Angular Material 模态来调用 Web 服务，以防单击确认按钮它的工作问题是，如果 Web 服务返回错误，我无法得到错误

dialogRef.afterClosed().subscribe(result => {

// calling the ws 
 this.reqService.onRequestSave(this.request).subscribe(data =>{

    // do some work
  },err=>{
      // never displayed
      alert(err)
   }
)

},error=>{
     // never displayed
     alert(error)
} 
);

// 休息客户端

 onRequestSave(request : RequestDto){
        console.log(JSON.stringify(request))
        return this.http.post<RequestResponseDto>(this.apiUrl + "/request",JSON.stringify(request),this.utils.getHeaders());
    }

我想显示第一个警报任何想法如何解决这个问题感谢您的帮助

Answer 1

为什么要调用父组件中的服务。您可以使用调用服务的方法代替单击确认按钮，如果调用成功完成，则关闭对话框，如果出现错误，则显示错误。

也许是这样的。

在对话框组件中:-

onConfirmation(){
  this.reqService.onRequestSave(this.request).subscribe(
    data  => { this.dialog.close(data); },
    error => { alert(error); }
}

在父组件中:-

dialog.afterClosed().subscribe(result => {
  this._snackbar.open("Request successfully saved.");
});