FirebaseUI authState订阅:返回值

时间:2018-04-16 05:07:06

标签: angular firebase angularfire2 firebaseui

我在理解如何返回并使用使用angular和FirebasUI(https://www.npmjs.com/package/firebaseui-angular)返回的数据时遇到一些麻烦。

目前,我正在使用

从authstate返回数据
ngOnInit(): void {
this.afAuth.authState.subscribe(d => console.log(d));
}

然后在控制台中返回

{currentUser: Hk, credential: null, redirectUrl: undefined}

我的问题:我如何访问currentUser才能使用*ngIf来应用我的网页的条件格式。

提前致谢

1 个答案:

答案 0 :(得分:0)

好吧,我找到了一种方法来执行请求的操作:

首先在组件类中声明一个属性:

email: string = 'placeHolder';

然后在订阅响应中,我从d分配所需的数据:

ngOnInit(): void {
this.afAuth.authState.subscribe(d =>
  {
    console.log(d);
    this.email = d.email;
    if (this.email != 'placeHolder') {
      this.hasEmail = true;
    } else {
      this.hasEmail = false;
    }
  });

}

之后我只在我的选择器中使用*ngIf="hasEmail"并且它有效!

也许有更好的解决方案,但至少这对我有用。