Angular 2 애플리케이션의 모든 경로에 기본 가드 사용

Question

Angular2에서 경로를 구성 할 때 "기본"canActivate을 설정하는 방법이 있습니까? 모든 경로가 동일한 기본 검사로 덮여 지도록하고 각 경로마다보다 세부적인 검사를 할 수 있습니다.

@NgModule({ 
    imports: [ 
     RouterModule.forRoot([ 
      { 
       path: '', 
       component: HomeComponent, 
       canActivate: [AuthenticationGuardService], 
       data: { roles: [Roles.User] } 
      } 
     ]) 
    ], 
    exports: [ 
     RouterModule 
    ] 
}) 
export class AppRoutingModule { } 

을 그리고 기능 모듈 FeatureModule을 위해 :

나는 이런 식으로 연결하는 데 AppModule이 사용자가 역할을 사용하여 경로에 대한 액세스 권한이있는 경우 내가 AuthenticationGuardService 검사를 할 수

@NgModule({ 
    imports: [ 
     RouterModule.forChild([ 
      { 
       path: "feature", 
       component: FeatureComponent, 

       // I'd like to avoid having to do this: 
       canActivate: [AuthenticationGuardService], 
       data: { roles: [Roles.User] } 
      } 
     ]) 
    ], 
    exports: [ 
     RouterModule 
    ] 
}) 
export class FeatureRoutingModule { } 

data에서 제공됩니다.

모든 기능 라우팅 모듈에 canActivate과 data을 설정하지 않아도 될까요? 이 응용 프로그램의 모든 경로에 대해 "기본"canActivate을 구성하고 싶습니다.

Answer 1

const routes: Routes = [ 
    { 
    path: '', 
    canActivate: [AuthGuard], 
    children: [ 
     { path: '', component: HomeComponent }, 
     { path: 'builds', component: BuildsComponent }, 
     { path: 'files', component: FilesComponent }, 
     { path: 'publications', component: PublicationsComponent } 
    ] 
    }, 
    { path: 'login', component: LoginComponent }, 
    { path: '**', redirectTo: '' } 
]; 

Answer 2

나는 내 응용 프로그램의 모든 경로 (하위 모듈에서 정의 된 경로 포함)에 대해 Guard를 동적으로 추가하는 솔루션을 작성했습니다.

this Router Docs을 읽는 동안이 해결책을 알아 냈습니다.

const routes: Routes = [ 
 
    { path: '', redirectTo: 'home', pathMatch: 'full' }, 
 
    { path: 'login', component: LoginComponent, data: { skipGuard: true } }, 
 
    { path: '403', component: ForbiddenComponent, data: { skipGuard: true } }, 
 
    { path: '**', component: NotFoundComponent, data: { skipGuard: true } } 
 
]; 
 

 
@NgModule({ 
 
    imports: [RouterModule.forRoot(routes)], 
 
    exports: [RouterModule], 
 
    providers: [] 
 
}) 
 
export class AppRoutingModule { 
 
    
 
    constructor(router: Router) { 
 
    router.config 
 
     .filter(route => !route.data || !route.data.skipGuard) 
 
     .map(route => this.addGuard(route)); 
 
    } 
 
    
 
    private addGuard(route: Route): void { 
 
    route.canActivate = [AuthGuard].concat(route.canActivate); 
 
    route.canActivateChild = [AuthGuard].concat(route.canActivateChild); 
 
    } 
 
}