守卫中不提供路线参数

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路线被激活之后。如果需要params在激活之前获取，例如在canActivate方法中，请尝试ActivatedRouteSnapshot

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

    console.log(id); 
}