在Angular 6中,QueryParams是在ngOnInit之前不可用的。这是因为ngOnInit是在组件初始化完成后调用的,而QueryParams是在组件初始化之前解析的。
要在ngOnInit中使用QueryParams,可以使用Angular的ActivatedRoute服务来访问它们。首先,确保你已经导入了ActivatedRoute服务,然后在组件的构造函数中注入它:
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) { }
然后,在ngOnInit方法中使用queryParams订阅来获取QueryParams的值:
ngOnInit() {
this.route.queryParams.subscribe(params => {
// 在这里使用queryParams的值
console.log(params);
});
}
现在,你可以在ngOnInit中使用QueryParams的值了。
请注意,在订阅中,你可以执行任何你需要的操作。例如,你可以根据QueryParams的值更新组件的属性或调用其他方法。
希望这可以帮助你解决问题!
下一篇:Angular 6的日期选择器