Angular 订阅工作，但仍然显示错误？

我创建了一个应用程序，用于检索分配给用户的文档。我可以使用以下方法成功检索给定文档id的详细信息：

this.http.post(API_URL,{id: id, token: TOKEN}).subscribe((res:Response) => this.document = res['data']); 

在视图组件中，我使用以下命令正确显示检索到的文档的名称：

{{ document.name }}

但是，在控制台中，我可以看到至少3个错误：

ERROR TypeError: Cannot read property 'name' of undefined

---

这与服务器响应的时间有关吗？

因为您正在进行异步操作，所以应该始终在模板中进行检查。比如：

<div *ngIf="document">
  {{ document.name }}
</div>

---

这是因为

post

是异步的，所以最初

文档

是未定义的。您可以在模板中使用空安全运算符来删除此错误：

{{{document？.name}}

，这将为您执行空检查

{{ document?.name }}