angular - 在 Angular2 中重定向到 @CanActivate 中的另一个组件

Question

有什么方法可以让我们从 Angular2 中的 @CanActivate 重定向到不同的组件？

Answer 1

截至今天，使用最新的@angular/router 3.0.0-rc.1，这里有一些关于如何通过路由上的 CanActivate 守卫来做到这一点的引用:

1. angular 2 reference
2. 这个 SO 问题的两个答案，作者 Nilz11和 Jason

逻辑的主要要点如下:

// ...
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
  if (this.authService.isLoggedIn) {
    // all ok, proceed navigation to routed component
    return true;
  }
  else {
    // start a new navigation to redirect to login page
    this.router.navigate(['/login']);
    // abort current navigation
    return false;
  }
}