要解决这个问题,您可以使用 AngularFire 的 auth 管理员,例如 AngularFireAuth。您需要在组件/服务中引入此管理者,并订阅用户对象,以便在刷新页面后获取正确的用户数据。
以下是示例代码:
在您的组件/服务中:
import { AngularFireAuth } from "@angular/fire/auth"; import { Observable } from "rxjs";
constructor(private afAuth: AngularFireAuth) {}
getUserData(): Observable
然后,在您的组件/服务中,您可以订阅 getUserData() 函数以获取用户数据:
import { Component, OnInit } from "@angular/core"; import { AuthService } from "./auth.service"; import { Observable } from "rxjs";
@Component({
selector: "app-home",
templateUrl: "./home.component.html",
styleUrls: ["./home.component.scss"]
})
export class HomeComponent implements OnInit {
user$: Observable
constructor(private authService: AuthService) {}
ngOnInit() { this.user$ = this.authService.getUserData(); this.user$.subscribe(user => console.log(user)); } }
通过这个简单的订阅功能,您将能够在刷新页面后获得适当的用户数据。