订阅有效，但仍然显示错误？

Question

我创建了一个应用程序，用于检索分配给用户的文档。我可以使用以下方法成功检索给定文档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

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

Answer 1

由于您正在执行异步操作，因此应始终在模板中进行检查。像这样：

size()

或者您可以使用null安全运算符

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