在Angular 8中,可以通过以下代码示例在页面加载时获取包含queryParams的ActivatedRoute的paramMap:
首先,确保你已经在组件中引入了ActivatedRoute
和Router
:
import { ActivatedRoute, Router } from '@angular/router';
然后,在组件的构造函数中注入ActivatedRoute
和Router
:
constructor(private route: ActivatedRoute, private router: Router) { }
接下来,使用paramMap
属性来获取包含queryParams的参数值:
ngOnInit() {
this.route.paramMap.subscribe(params => {
const id = params.get('id'); // 获取路径参数值
const queryParams = this.route.snapshot.queryParams; // 获取queryParams参数值
console.log(id); // 输出路径参数值
console.log(queryParams); // 输出queryParams参数值
});
}
在上述代码中,我们使用paramMap
的subscribe
方法来订阅路由参数的变化。在回调函数中,我们可以使用get
方法来获取路径参数的值,并使用this.route.snapshot.queryParams
来获取queryParams的参数值。
这样,当页面加载时,你将能够获取到包含queryParams的ActivatedRoute的paramMap值。
希望这能帮助到你!