根据Angular5中的有效标记加载任何组件

根据Angular5中的有效标记加载任何组件,angular5,Angular5,我在本地存储中有令牌,我想重定向每次尝试加载任何带有无效令牌的组件的行为。我怎么做? 可以使用onInit() @Injectable() export class AuthGuard implements CanActivate { canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { if (valid token) { return true

我在本地存储中有令牌,我想重定向每次尝试加载任何带有无效令牌的组件的行为。我怎么做? 可以使用
onInit()

@Injectable()
export class AuthGuard implements CanActivate {

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
        if (valid token) {
          return true
        } else { // invalid token, force to redirect
          this.router.navigate(['/redirectUrl']); 
          return false;
        }
      }
}
路线:

....
    { path: 'myRoute', component: MyComponent, canActivate: [AuthGuard]},
...