CanDeactivateGuard在调用AngularFireAuth的signOut()函数后未返回false-Angular13

在CanDeactivate守卫中，调用AngularFireAuth的signOut()函数后，必须等待promise完成后再返回true或false。如果在promise完成之前返回了false，那么导航将被取消并保持在当前路由上，因此需要确保在promise完成之前等待。

以下是一个示例的CanDeactivate守卫，该守卫在调用signOut()函数后等待promise完成并返回true或false：

import { Injectable } from '@angular/core';
import { CanDeactivate } from '@angular/router';
import { AngularFireAuth } from '@angular/fire/auth';
import { Observable } from 'rxjs';
import { YourComponent } from './your-component/your-component.component';

@Injectable({
  providedIn: 'root'
})
export class YourCanDeactivateGuard implements CanDeactivate<YourComponent> {

  constructor(private afAuth: AngularFireAuth) {}

  canDeactivate(component: YourComponent): Observable<boolean> | Promise<boolean> | boolean {
    return this.afAuth.signOut().then(() => {
      // 在这里写你的其他逻辑
      return true; // 确保在Promise完成后返回true或false
    });
  }
}

在这个示例中，我们返回的是一个Promise，然后我们在Promise的then()方法中执行其他逻辑并返回true。如果我们需要执行其他逻辑，我们只需要将代码添加到then()方法中。