以下是在删除的时候调用的一段代码我向改变响应头中的信息来改变前端显示的信息为什么不好用 confirmDelete(part: IPart): void { part.isDeleted = 1; this.partService.update(part).subscribe((response: HttpResponse<any>) => { // const alert = 'toyoApp.part.deleted' // response.headers.set('X-toyoApp-alert','toyoApp.part.deleted') response = response.clone({ headers: response.headers.set('X-toyoApp-alert', 'toyoApp.part.deleted') }); console.log(response.headers.get('X-toyoApp-alert')) this.activeModal.close('deleted'); }); } }
时间: 2024-02-17 17:01:11 浏览: 68
根据给出的代码,你可能希望在执行删除操作后,使用响应头来更新前端的消息提示。但是在实际执行过程中,你发现响应头并没有被正确更新。这种情况可能是因为在 Angular 中,HttpResponse 对象是不可变的,即不能直接修改其属性或方法。而在你的代码中,你试图通过修改 response 对象的 headers 属性来更新响应头,这是不合法的操作。
解决这个问题的方法是使用 response.clone() 方法来复制一份 HttpResponse 对象,并对其进行修改。具体而言,可以使用以下代码来更新响应头:
```
response = response.clone({ headers: response.headers.set('X-toyoApp-alert', 'toyoApp.part.deleted') });
```
此代码将原始的 response 对象复制了一份,并更新了复制对象的 headers 属性。这样就可以正确更新响应头了。
另外,如果你希望在更新响应头后立即关闭模态框,并在前端显示删除成功的消息,可以在更新响应头的代码后添加以下代码:
```
this.activeModal.close('deleted');
```
这样就可以在删除操作完成后,关闭模态框并显示正确的消息了。
阅读全文