带有 Promise 和 if 语句的 Angular Auth Guard

Question

我想使用 guard 来决定用户是否可以导航到登录页面，但我知道我的逻辑是错误的，因为 Promise .
请参阅下面的我的代码。

  canActivate(): boolean | Observable<boolean> | Promise<boolean> {
    if (!this.localStorage.getObject('isInitialized')) {
      this.router.navigate(['/locaties']);
      return true;
    }
    return false;
  }

我知道我在做什么是错误的，但我缺乏关于解决这个问题的 promise 的知识。我需要做什么才能完成这项工作？
这是我的 localstorage.getObject() :

  // Returns object
  async getObject(key: string) {
    const ret = await Storage.get({ key: key });
    return JSON.parse(ret.value);
  }

Answer 1

如果你想在你的 can activate 方法中使用基于异步结果的条件，那么你可以使用 Promise。如果您打算使用本地存储中的直接值，则无需使用 promise。您可以执行以下操作以使用 promise ...

  canActivate(): boolean | Observable<boolean> | Promise<boolean> {
    return new Promise(() => {
    if (!this.localStorage.getObject('isInitialized')) {
      this.router.navigate(['/locaties']);
      // Do not allow the route
      resolve(false);
    } else {
      // Allow the route
      resolve(true);
     }
    
    });
  }