Question

我有以下导入到Application Component的路由：

const routes: Routes = [
  {
    path: '',
    component: MainLayoutComponent,
    children: [
      {
        path: '', redirectTo: 'main', pathMatch: 'full'
      },
      {
        path: 'main', loadChildren: 'app/main/main.module#MaindModule'
      },
      {
        path: 'cars', loadChildren: 'app/cars/cars.module#CarsModule'
      }  
    ],
    canActivate: [AuthGuard]    
  },
  {
    path: 'auth',
    component: EmptyLayoutComponent,
    loadChildren: 'app/auth/auth.module#AuthModule'
  },
  {
    path: '**',
    redirectTo: 'main'
  }
];

export const routing: ModuleWithProviders = RouterModule.forRoot(routes);

如你所见，我有canActivate。我注意到，当我第一次打开应用程序或在浏览器中写入地址时调用AuthGuard，但如果我使用我的菜单更改URL，则不会调用AuthGuard：

 <a routerLink="/cars">

我做错了什么？

AuthGuard：

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private authService: AuthService,
              private router: Router) {}

  canActivate() {
    if (!this.authService.authenticated) {
      this.router.navigate(['/auth/login']);
      return false;
    }
    return true;
  }
}

Answer 1

似乎CanActivate仅在父空路线上设置。如果您希望在子路径之间导航时再次执行，请考虑改为使用canActivateChild。

Angular 2. CanActivate仅在加载时调用

1 个答案: