从单个文档 Angular 和 Firestore 中检索值

Question

我正在尝试使用 Angular 从 Firestore 文档中获取各个值。

我的 TypeScript 代码：

userDoc: AngularFirestoreDocument<User>;
user: Observable<User>;

ngOnInit() {
    this.userDoc = this.afs.doc('users/' + this.af.auth.currentUser.uid);
    this.user = this.userDoc.valueChanges();
}

然后是 HTML：

{{ user | async | json }}

返回这个：

{ "email": "x@gmail.com", "firstname": "x", "lastname": "x", "phone": "x", "subscription": x, "uid": "x" }

这正是我需要的......

但是当我尝试获得像这样的个人价值时：

<p>
   Your email is: {{ user.email | async }}
</p>

我无法获得单一值。如何“展开”到 observable 以获取单个值？

Answer 1

我想出了答案，很简单：

{{(user | async)?.email }}

解包数据。如果有人能更好地解释这一点，那就太好了！