Angular 模板不渲染属性值，但是 |同一对象上的 json 显示属性具有值

Question

我有一个 Observable 对象，我在一个角度组件中从我的商店中选择它。模板看起来像这样：

<div *ngIf="user$ | async as user">
  {{ user | json }}
  <h1>Welcome, {{ (user.email }}!</h1>
  <button (click)="onLogout()">Logout</button>
</div>

在模板将对象呈现为 json 字符串的位置，我可以看到有一个名为“email”的属性具有一个值。我知道 Observable 流有一个值，因为 *ngIf 正在评估 truthy。有什么想法我可能做错了吗？

Answer 1

有一个错别字-不必要的“（”

{{ (user.email }}
---^