how can I get the value of a promise to do the validation on the canActivate?

Question

I need to get the value that returns this.isJwtValid() but currently it is not returning the value of the result of the promise, the code continues its flow without stopping there, and I need to get the result of this promise in this line:

let token = this.isJwtValid() //I need get the value of the promise in this line

to continue with my logic.

how can I do it?

this is my code:

export class verificarToken implements CanActivate {
  constructor(private router: Router, private storage: Storage) {}

  async isJwtValid() {
    const jwtToken: any = await this.storage.get("token");
    console.log(jwtToken); /// this is showed second
    if (jwtToken) {
      try {
        return JSON.parse(atob(jwtToken.split(".")[1]));
      } catch (e) {
        return false;
      }
    }
    return false;
  }

  canActivate(ruta: ActivatedRouteSnapshot, estado: RouterStateSnapshot) {

    let token = this.isJwtValid(); //I need get the value of token here
    if(token) {
      console.log(token) // this is showed first
      if (ruta.routeConfig.path == "login") {
        this.router.navigate(["/tabs/tab1"]);
      }
      return true;
    }
    this.storage.clear();
    this.router.navigate(["/login"]);
    return false;
  }
}

Answer 1

CanActivate can returns a Promise or Observable or Value, so you can do it like this.

canActivate(ruta: ActivatedRouteSnapshot, estado: RouterStateSnapshot) {

    return this.isJwtValid().then(token => {

            if (token) {
                console.log(token) // this is showed first
                if (ruta.routeConfig.path == "login") {
                    this.router.navigate(["/tabs/tab1"]);

                    return true;
                }
                this.storage.clear();
                this.router.navigate(["/login"]);
                return false;
            });
    }
}

Answer 2

canActivate can return promise as well. hence make use of async/await.

async canActivate(ruta: ActivatedRouteSnapshot, estado: RouterStateSnapshot) {

    let token = await this.isJwtValid(); //I need get the value of token here
    if(token) {
      console.log(token) // this is showed first
      if (ruta.routeConfig.path == "login") {
        this.router.navigate(["/tabs/tab1"]);
      }
      return true;
    }
    this.storage.clear();
    this.router.navigate(["/login"]);
    return false;
  }
}
``