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

Question

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

我有一个AppComponent和一个路由到OrderComponent的路由器。我需要从AppComponent中的网址获取查询参数，并将其传递给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'];
                     }
                 });
  }