typescript AngularFire2 - 如果用户已登录则显示或隐藏

Posted 2021-05-21

....
....

// Firebase Auth
import { Observable } from 'rxjs/Observable';
import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';

@Component({
  ...
})
export class TabsPage {
  user: Observable<firebase.User>;
  
  constructor(public afAuth: AngularFireAuth) {
  
    firebase.auth().onAuthStateChanged(function(user) {
      if (user) {
        // User is signed in.
        console.log('logged in!' + this.userLoggedIn);
      } else {
        // No user is signed in.
        console.log('no user.');
      }
    });
      
  }
}