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

Question

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

我的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>

我无法获得单个值。我如何“解包”为可观察以获得单一值？

Answer 1

我想出了答案，很简单：

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

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