PromiseをCanActivateする<boolean>拒否した後にnavigatebyurlしない

Question

最後に、さまざまなユーザーを自分の役割別にアプリの別の領域に誘導しようとするとCanActivateを取得しました。しかし、間違ったルートに行くと、リダイレクトすることができません。ここに私が持っているものは次のとおりです：

canActivate(route: ActivatedRouteSnapshot, 
    state: RouterStateSnapshot): Promise<boolean> { 
    return new Promise((resolve, reject) => { 

     this.af.auth.subscribe(user => { 

      if (user) { 
       let userProfile = firebase.database().ref(`/users/${user.uid}`); 
       userProfile.once("value", (snapshot) => { 
        let userInfo = snapshot.val().role; 
        if (userInfo === "GroupA") { 
         resolve(true); 
        } else { 
         reject(this.router.navigate(['/login'])); 
        } 
       }); 

      } else { 
       reject(this.router.navigate(['/login'])); 
      } 

     }); 

    }); 
} 

なぜrouter.navigateしませんか？これを行うためのより良いアイデアについて聞いて100％オープン。

Answer 1

これは機能します。

canActivate(route: ActivatedRouteSnapshot, 
    state: RouterStateSnapshot): Promise<boolean> { 

    let promise = new Promise((resolve, reject) => { 

     this.af.auth.subscribe(user => { 

      if (user) { 
       let userProfile = firebase.database().ref(`/users/${user.uid}`); 
       userProfile.once("value", (snapshot) => { 
        let userInfo = snapshot.val().role; 
        if (userInfo === "provider") { 
         resolve(true); 
        } else { 
         reject(false); 
        } 
       }); 
      } 
     }); 

    }).catch(() => { 
     this.router.navigate(['/login']) 
    }); 

    return promise.then(() => { 
     return true; 
    }, error => { 
     console.log(error); 
    }) 
} 
}