在Angular中,当使用路由参数时,如果路由ID未填充,可以通过以下步骤解决:
:id
作为占位符。const routes: Routes = [
{ path: 'example/:id', component: ExampleComponent }
];
ActivatedRoute
来获取路由参数。在组件的构造函数中注入ActivatedRoute
。import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) { }
ngOnInit
方法中,使用ActivatedRoute
获取路由参数。可以使用params
属性来访问路由参数。ngOnInit() {
this.route.params.subscribe(params => {
const id = params['id'];
// 使用参数进行后续操作
});
}
这样,当路由路径中的ID未填充时,Angular会自动将路由参数传递给组件,并在ngOnInit
方法中获取该参数进行处理。
上一篇:Angular - 浏览路由直接