我跟着答案贴在这里 - >如何获得查询参数的角度分量
How get query params from url in angular2?
,我不知道他们如何能够测试像角http://localhost:4200?test=hi。
请指教..这不适合我。
我有一个AppComponent和路由到OrderComponent的路由器。
我需要从AppComponent中的URL获取查询参数并将其传递给OrderCompoennt。
我跟着答案贴在这里 - >如何获得查询参数的角度分量
How get query params from url in angular2?
,我不知道他们如何能够测试像角http://localhost:4200?test=hi。
请指教..这不适合我。
我有一个AppComponent和路由到OrderComponent的路由器。
我需要从AppComponent中的URL获取查询参数并将其传递给OrderCompoennt。
在你的组件类的ngOnInit方法,你可以做到以下几点:
constructor(private route: ActivatedRoute){}
ngOnInit(){
this.route.queryParamMap
.map((params: Params) => params.params)
.subscribe((params) => {
if(params && params['test']){
let testQueryParamVal = params['test'];
}
});
}
是的,这工作 this.route.paramMap.subscribe(map => console.log(“map”,map.get(“ordertype”))); 但我能与URL测试作为 的http://本地主机:4200/OrderMgmtComponent /红色 当我给像下面,则显示错误 的http://本地主机:4200/OrderMgmtComponent订单类型= “红” 错误: 错误:未捕获(承诺中):错误:无法匹配任何路由。网址细分:'OrderMgmtComponent' 错误:无法匹配任何路线。网址细分:'OrderMgmtComponent' 任何想法为什么它显示错误? – aabbcc
由于您尚未仅使用'OrderMgmtComponent'定义该路线,因此出现此错误。请注意,在'路由参数'和'路径查询参数'这两个角度是两回事。 – asmmahmud
请看这个链接https://github.com/angular/angular-cli/issues/6410 这就是说我们不能使用http:// localhost:4200?a = b来测试URL – aabbcc
是否遵循所有的答案。没有答案有效? – Aravind