守卫中不提供路线参数

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); 
}