FirebaseUI authState 订阅:返回值
FirebaseUI authState subscribe: returning values
我在理解如何 return 和使用 return 与 angular 和 FirebasUI (https://www.npmjs.com/package/firebaseui-angular) 编辑的数据时遇到了一些问题。
目前,我正在 return 使用
从 authstate 获取数据
ngOnInit(): void {
this.afAuth.authState.subscribe(d => console.log(d));
}
和这个 return 在控制台中
{currentUser: Hk, credential: null, redirectUrl: undefined}
我的问题:如何访问 currentUser
以便使用 *ngIf
应用我的页面的条件格式。
提前致谢
好的,我找到了执行请求操作的方法:
首先在组件class中声明一个属性:
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"
就可以了!
也许有更好的解决方案,但至少这对我有用。
我在理解如何 return 和使用 return 与 angular 和 FirebasUI (https://www.npmjs.com/package/firebaseui-angular) 编辑的数据时遇到了一些问题。
目前,我正在 return 使用
从 authstate 获取数据ngOnInit(): void {
this.afAuth.authState.subscribe(d => console.log(d));
}
和这个 return 在控制台中
{currentUser: Hk, credential: null, redirectUrl: undefined}
我的问题:如何访问 currentUser
以便使用 *ngIf
应用我的页面的条件格式。
提前致谢
好的,我找到了执行请求操作的方法:
首先在组件class中声明一个属性:
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"
就可以了!
也许有更好的解决方案,但至少这对我有用。