FirebaseのonAuthStateChangedを使用してAngularでユーザーのログイン状態を追跡するにはどうすればよいですか？

Firebaseでユーザーログインフローを設定し、ユーザーがログインしていないときにページにアクセスできないように保護しようとしています。Firebaseのドキュメントから、でユーザーのログイン状態を追跡できることはわかっていますonAuthStateChangedが、そうではありません。ユーザーがルートガードからログインしているかどうかを識別できるようにするために、その関数に何を含めるかを確認してください。でログイン状態を追跡するにはどうすればよいですonAuthStateChangedか？

編集：

具体的にonAuthStateChangedは、が呼び出されたときにルーターに指示する方法がわかりません。注入されたルーターに電話をかけてみました

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html'
})
export class AppComponent {
  constructor(
    private afAuth: AngularFireAuth,
    private router: Router,
  ) {
    this.afAuth.auth.onAuthStateChanged(function(user) {
      if (user) {
        this.router.navigate('home');
      } else {
        this.router.navigate('login');
      } 
    });
  }
}

しかし、onAuthStateChangedが呼び出されると、this.router未定義であるというエラーが表示されます。