FirebaseUI authState订阅：返回值

Question

我在理解如何返回和使用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来应用我的页面的条件格式。

提前致谢

Answer 1

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

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

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"而且它有效！

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