CanActivateChild

Interface that a class can implement to be a guard deciding if a child route can be activated.

一个接口,某些类可以实现它以扮演一个守卫,来决定该路由的子路由能否激活。

interface CanActivateChild { canActivateChild(childRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean }

说明

class UserToken {} class Permissions { canActivate(user: UserToken, id: string): boolean { return true; } } @Injectable() class CanActivateTeam implements CanActivateChild { constructor(private permissions: Permissions, private currentUser: UserToken) {} canActivateChild( route: ActivatedRouteSnapshot, state: RouterStateSnapshot ): Observable<boolean>|Promise<boolean>|boolean { return this.permissions.canActivate(this.currentUser, route.params.id); } } @NgModule({ imports: [ RouterModule.forRoot([ { path: 'root', canActivateChild: [CanActivateTeam], children: [ { path: 'team/:id', component: Team } ] } ]) ], providers: [CanActivateTeam, UserToken, Permissions] }) class AppModule {}

You can alternatively provide a function with the canActivateChild signature:

你还可以转而提供一个具有 canActivateChild 签名的函数:

@NgModule({ imports: [ RouterModule.forRoot([ { path: 'root', canActivateChild: ['canActivateTeam'], children: [ { path: 'team/:id', component: Team } ] } ]) ], providers: [ { provide: 'canActivateTeam', useValue: (route: ActivatedRouteSnapshot, state: RouterStateSnapshot) => true } ] }) class AppModule {}

方法

canActivateChild(childRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean

参数

childRoute

Type: ActivatedRouteSnapshot.

state

Type: RouterStateSnapshot.

返回值

Observable<boolean> | Promise<boolean> | boolean