javascript - 守卫中不可用的路由参数

Question

为什么id在下面的守卫中不可用？

@Injectable()
export class ProjectDetailsGuard implements CanActivate {

    constructor(private activatedRoute: ActivatedRoute) { }

    canActivate() {
        const id = this.activatedRoute.snapshot.params['id'];

        console.log(id); // <-- undefined
    }

}

在组件内部实现时，相同的代码可以完美运行。

Answer 1

只有在ActivatedRoute路由激活后才能提供参数。如果需要params在激活之前获取，即在canActivate方法中，请尝试使用ActivatedRouteSnapshot

canActivate(activatedRoute: ActivatedRouteSnapshot) {
    const id = activatedRoute.params['id'];

    console.log(id); 
}