路线警卫为什么不能开火,但是阿拉查瓦特能做到

时间:2016-10-13 02:07:12

标签: angular typescript angular2-routing

我有一个角度2.0.1(最终)应用,它使用 HashLocationStrategy 作为路线导航策略。

我定义了一条路线如下:

    { 
    path: 'shiftmanage', component: ShiftManageComponent,
    canLoad: [AuthGuard],
    canActivate: [AuthGuard] 
    },

以下是AuthGuard类:

    import { Injectable }           from '@angular/core';
    import { 
        Route, 
        Router, 
        CanLoad, 
        CanActivate,
        ActivatedRouteSnapshot, 
        RouterStateSnapshot }       from '@angular/router';

    @Injectable()
    export class AuthGuard implements CanLoad, CanActivate {
        constructor(private router: Router) {
            console.log("AuthGuard constructor")
        }

        canLoad(route: Route): boolean {
            if (route.path === "shifts") {
                return true;
            } else {
                return false;
            }        
        }

        canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
            if (route.routeConfig.path === "shiftmanage") {
                return true;
            } else {
                return false;
            }
        }
    }

我将这个防护类添加到NgModule提供程序中,如下所示:

providers: [
    AuthGuard,
    { provide: LocationStrategy, useClass: HashLocationStrategy }
    ... other providers
]

每当我尝试导航到 shiftmanage 路径时,导航都会启动并且 canActivate 路线保护。

问题: canLoad 路线保护从未被击中。

问题:

这个 canLoad 后卫是不是因为HashLocationStrategy而被击中,还是还有其他我做错了?

1 个答案:

答案 0 :(得分:18)

canLoad用于加载loadChildren

lazy-loaded modules
{
  path: 'child',
  canLoad: [AuthGuard],
  loadChildren: 'path/to/child.module'
}