AngularFire Authentication中的authState和user都与已经认证的用户相关联,但它们具有不同的作用。
authState返回一个Observable,该Observable包含认证状态的信息,例如用户是否已经登录,用户的身份验证信息等。此处的authState与Firebase SDK中的auth状态相似。
user也返回一个Observable,但它返回的是具体的已经认证的用户信息。
以下是如何使用authState和user在AngularFire中获取用户的基本信息的示例代码:
import { Component } from '@angular/core'; import { AngularFireAuth } from '@angular/fire/auth'; import { auth } from 'firebase/app'; import { Observable } from 'rxjs';
@Component({
selector: 'app-root',
template:
})
export class AppComponent {
user$: ObservableHello {{ user.displayName }}!
在代码中,authState被存储在类型为Observable
注意,由于authState是一个Observable,因此需要使用async管道来订阅它。如果用户已经登录,那么它将显示用户的名称并提供注销按钮。