用于检查路线是否有状态的角度守卫

Question

我有一个像这样导航的组件

this.router.navigate(['results'], { state });

一旦到了那里，我就获取了构造函数中的数据

constructor(private router: Router) { 
  const { state } = this.router.getCurrentNavigation().extras;
}

我想放置一个警卫来检查此数据是否存在，否则导航到其他地方

@Injectable()
export default class RouteHasDataGuard implements CanActivate { 
    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
        return !!state.root.data;
    } 
}

但这不起作用。你能帮我吗？

Answer 1

不要在保护构造函数中读取额外内容。阅读 canActivate() 方法中的附加内容。

@Injectable()
export default class RouteHasDataGuard implements CanActivate { 

  constructor(private router: Router) {}

  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
    const { state } = this.router.getCurrentNavigation().extras;
    return !!state.root.data;
  } 
}

Answer 2

您可以这样访问状态：

@Injectable()
export default class RouteHasDataGuard implements CanActivate { 
    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
        return !!window.history.state;
    } 
}