CanDeactivate

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

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

interface CanDeactivate<T> { canDeactivate(component: T, currentRoute: ActivatedRouteSnapshot, currentState: RouterStateSnapshot, nextState?: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean }

说明

class UserToken {} class Permissions { canDeactivate(user: UserToken, id: string): boolean { return true; } } @Injectable() class CanDeactivateTeam implements CanDeactivate<TeamComponent> { constructor(private permissions: Permissions, private currentUser: UserToken) {} canDeactivate( component: TeamComponent, currentRoute: ActivatedRouteSnapshot, currentState: RouterStateSnapshot, nextState: RouterStateSnapshot ): Observable<boolean>|Promise<boolean>|boolean { return this.permissions.canDeactivate(this.currentUser, route.params.id); } } @NgModule({ imports: [ RouterModule.forRoot([ { path: 'team/:id', component: TeamCmp, canDeactivate: [CanDeactivateTeam] } ]) ], providers: [CanDeactivateTeam, UserToken, Permissions] }) class AppModule {}

You can alternatively provide a function with the canDeactivate signature:

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

@NgModule({ imports: [ RouterModule.forRoot([ { path: 'team/:id', component: TeamCmp, canDeactivate: ['canDeactivateTeam'] } ]) ], providers: [ { provide: 'canDeactivateTeam', useValue: (component: TeamComponent, currentRoute: ActivatedRouteSnapshot, currentState: RouterStateSnapshot, nextState: RouterStateSnapshot) => true } ] }) class AppModule {}

方法

canDeactivate(component: T, currentRoute: ActivatedRouteSnapshot, currentState: RouterStateSnapshot, nextState?: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean

参数

component

Type: T.

currentRoute

Type: ActivatedRouteSnapshot.

currentState

Type: RouterStateSnapshot.

nextState

Type: RouterStateSnapshot.

可选. 默认值是 undefined.

返回值

Observable<boolean> | Promise<boolean> | boolean