如何在Angular组件中获取查询参数

Question

我按照这个答案：How to get query params from url in Angular 2?，我不确定他们是如何通过输入http://localhost:4200?test=hi来测试的。请给出建议 - 这对我不起作用。

我有一个AppComponent和路由器路由到OrderComponent。我需要从AppComponent中的URL获取查询参数，并将其传递给OrderComponent。

Answer 1

在组件类的ngOnInit方法中，您可以执行以下操作：

  constructor(private route: ActivatedRoute){}

  ngOnInit(){
      this.route.queryParamMap
                .map((params: Params) => params.params)
                .subscribe( (params) => {
                     if(params && params['test']){
                        let testQueryParamVal = params['test'];
                     }
                 });
  }