在ionic / angular上使用Firebase自动登录时的更新菜单

Question

我的app.component中有一个幻灯片菜单。 它具有一个登录页面链接和一个注销按钮。 它们用* ngIf切换，它检查当前是否有这样登录的用户：firebase.auth（）。currentUser;

登录时工作正常。 但是当我重新加载应用程序时，app.component不会检查是否还有用户登录，并且始终显示登录按钮。 一旦我点击菜单上的任何按钮，它就会刷新并显示正确的按钮。

有什么方法可以触发app.component检查用户并刷新菜单吗？

希望我的问题可以理解。

app.component.html

<ion-menu-toggle>
            <ion-item [routerDirection]="'root'" [routerLink]="'/login'" *ngIf="!getUser()">
              <ion-icon slot="start" name="key"></ion-icon>
              <ion-label>Einloggen</ion-label>
            </ion-item>
            <ion-item [routerDirection]="'root'" [routerLink]="'/home'" (click)="logout()" *ngIf="getUser()">
              <ion-icon slot="start" name="log-out"></ion-icon>
              <ion-label>Ausloggen</ion-label>
            </ion-item>
          </ion-menu-toggle>

app.component.ts

getUser() {
    return firebase.auth().currentUser;
  }

Answer 1

您需要向onAuthchanged事件添加观察者

LoggedIn = false;
CheckLoggedIn(){
    firebase.auth().onAuthStateChanged((user) =>{ 
    if(user) { this.loggedIn = true ; 
    }
    else { this.loggedIn =false; 
    } });
}

在模板中使用loggingIn变量，并从ngOnInit调用checkLoggedIn（）