要在Angular 7中获取子路由参数,可以使用ActivatedRoute对象来访问当前路由的参数。以下是一个示例代码,演示了如何获取子路由参数:
import { ActivatedRoute, Router } from '@angular/router';
constructor(private route: ActivatedRoute, private router: Router) { }
/child/:id
,可以使用以下代码获取子路由的参数:ngOnInit() {
this.route.params.subscribe(params => {
const id = params['id'];
console.log(id); // 在控制台打印子路由参数
});
}
在上面的代码中,使用this.route.params.subscribe()
方法来监听子路由参数的变化。当参数发生变化时,回调函数会被触发并传递参数值。在回调函数中,可以通过params对象访问子路由的参数。
请注意,如果子路由参数是可选的,可以使用queryParams属性而不是params属性来访问。params属性只能访问必需的参数,而queryParams属性可以访问可选的查询参数。
希望以上示例代码能够帮助您在Angular 7中获取子路由参数。