Angular如何从firebase doc访问Json Array中的值

Question

this.currentUser$=this.afs.doc('users/'+this.authState.uid).valueChanges().pipe();

当我在 component.html 中使用时

{{ currentUser$|async|json}}

我得到它如下：

{
  "photoUrl": "",
  "password": "",
  "mobileVerified": true,
  "id": "izoNRvk0moN579KqfQ1cVqNvpZJ2",
  "phone": "5544663311",
  "email": "admin@example.com",
  "name": "Rob B",
  "userRole": "admin"
}

例如，现在我只想访问email或userRole ，我该怎么做？

Answer 1

设置pipe中的值。

currentUser$: Observable<User>;
currentUser?: User;

 :

 this.currentUser$=this.afs.doc('users/'+this.authState.uid).valueChanges().pipe(
  tap( value => {
    this.currentUser = value;
  })
 );

然后您可以访问每个属性。

{{currentUser?.email}}
{{currentUser?.userRole}}

Answer 2

我使用此处的建议从 firebase 集合中的单个文档中获取值，但必须对currentUser<User>到currentUser<User | undefined>进行一些修改 currentUser<User | undefined>并且它工作得很好。

private userDoc: AngularFirestoreDocument<User>;
currentUser: Observable<User | undefined>;

在构造函数中：

this.userDoc = afs.doc<User>('users/'+this.docId);
this.currentUser = this.userDoc.valueChanges();

在component.html中我可以像这样访问它

{{(currentUser|async)?.email}}
{{(currentUser|async)?.userRole}}