Angular2渲染多级Firebase对象

渲染从firebase检索的对象的值时遇到问题。我必须按照以下方式完成这项工作：

仅供参考数据来源于此，情况良好：

数据结构如下所示：

userProfile:FirebaseObjectObservable<any>;

db.object('/users/'+auth.uid,{ preserveSnapshot: true })
    .subscribe(snapshot => {
       this.userProfile = snapshot;
});

现在我只需要呈现电子邮件值。。。但我所做的一切都不管用，我所做的一切都没有结果

{{  userService.userProfile.email }} //nothing    
{{ userService.userProfile.email | json }} //nothing
{{ userService.userProfile.email | json | async }} //nothing
{{ userService.userProfile.email | async }} //nothing
{{ ( userService.userProfile.email ) | async }} //nothing
{{ ( userService.userProfile.email ) | json }} //nothing
{{ ( userService.userProfile?.email ) | json }} //nothing
{{ ( userService.userProfile?.email ) | async }} //nothing
{{ ( userService.userProfile)?.email  | async }} //nothing
{{ ( userService.userProfile)?.email  | json }} //nothing
{{ ( userService.userProfile)?.email }} //nothing
{{ ( userService)?.userProfile.email }} //nothing
{{ userService?.userProfile?.email }} //nothing
{{ userService?.userProfile?.email | async }} //nothing
{{ userService?.userProfile?.email | json }} //nothing

---

我肯定我做错了什么，但不明白为什么它在高级别工作，但不输出特定属性。

几天前我遇到了类似的问题。请尝试：

snapshot.val()

---

什么是

userService

？userService是从中注入的父组件。

snapshot.val()