AngularFire2 4.0顯示用戶的電子郵件

我試着以顯示我的頭組件的用戶電子郵件以下AngularFire 2 4.0版升級文檔：https://github.com/angular/angularfire2/blob/master/docs/version-4-upgrade.md AngularFire2 4.0顯示用戶的電子郵件

Header.component

import { Component, OnInit } from '@angular/core'; 
import { AuthService } from './auth.service'; 
import * as firebase from 'firebase/app'; 
import { Observable } from 'rxjs/Observable'; 
import { Router } from '@angular/router'; 
import { AngularFireAuth } from 'angularfire2/auth'; 
import { AngularFireDatabase, FirebaseListObservable,FirebaseObjectObservable } from 'angularfire2/database'; 

@Component({ 
    selector: 'app-header', 
    templateUrl: './header.component.html', 
    styleUrls: ['./header.component.css'] 
}) 
export class HeaderComponent implements OnInit { 
    user: Observable<firebase.User>; 
    constructor(afAuth: AngularFireAuth) { 
    this.user = afAuth.authState; 
    }

了header.html

<div> {{ (user | async)? | json }} </div>

如果我這樣做，我在html中獲得Object對象。如果我刪除括號外的問號，那麼html會顯示一個帶有大量信息的json，包括電子郵件。我要的是顯示在HTML電子郵件中，這樣的事情：

<div> {{ user?.email }} </div>

我的第二個問題是，我在火力數據庫還可以根據用戶的電子郵件。我應該使用Firebase身份驗證或Firebase數據庫來顯示該信息嗎？如果我應該使用Firebase數據庫，我該怎麼做？

一如既往，感謝您的幫助！

來源

2017-07-25 Claudio Ramírez Guichard

我偶然發現了這個問題。發生什麼情況是您的用戶在評估時仍然是可觀察的，而不是您登錄的結果。一旦它解決（|異步）電子郵件變得可用。在你的div你需要把：

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

就是這樣。

希望有所幫助。

來源

2017-08-03 21:58:09 Vic

AngularFire2 4.0顯示用戶的電子郵件

回答

相關問題