要解决Angular路由参数不可访问的问题,你可以按照以下步骤进行操作:
user
的路由,它带有一个参数id
,你的路由配置可能如下所示:const routes: Routes = [
{ path: 'user/:id', component: UserComponent }
];
ActivatedRoute
和Router
模块,并注入到组件的构造函数中。例如:import { ActivatedRoute, Router } from '@angular/router';
constructor(private route: ActivatedRoute, private router: Router) { }
ActivatedRoute
来访问路由参数。你可以使用params
属性来访问参数的值。例如,假设你想获取id
参数的值,你可以使用以下代码:ngOnInit() {
this.route.params.subscribe(params => {
const id = params['id'];
console.log(id); // 输出参数的值
});
}
如果你仍然无法访问路由参数,请确保你已正确定义了路由和参数,并检查你的代码是否有其他问题。
上一篇:Angular路由参数保持不变
下一篇:Angular路由参数不正确