Interface that a class can implement to be a guard deciding if a children can be loaded.
class UserToken {} class Permissions { canLoadChildren(user: UserToken, id: string): boolean { return true; } } @Injectable() class CanLoadTeamSection implements CanLoad { constructor(private permissions: Permissions, private currentUser: UserToken) {} canLoad(route: Route( route: Route ): Observable<boolean>|Promise<boolean>|boolean { return this.permissions.canLoadChildren(this.currentUser, route); } } @NgModule({ imports: [ RouterModule.forRoot([ { path: 'team/:id', component: TeamCmp, loadChildren: 'team.js', canLoad: [CanLoadTeamSection] } ]) ], providers: [CanLoadTeamSection, UserToken, Permissions] }) class AppModule {}
You can alternatively provide a function with the canLoad
signature:
@NgModule({ imports: [ RouterModule.forRoot([ { path: 'team/:id', component: TeamCmp, loadChildren: 'team.js', canLoad: ['canLoadTeamSection'] } ]) ], providers: [ { provide: 'canLoadTeamSection', useValue: (route: Route) => true } ] }) class AppModule {}
interface CanLoad { canLoad(route: Route) : Observable<boolean>|Promise<boolean>|boolean }
canLoad(route: Route) : Observable<boolean>|Promise<boolean>|boolean
exported from @angular/router/index, defined in @angular/router/src/interfaces.ts
© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v2.angular.io/docs/ts/latest/api/router/index/CanLoad-interface.html