如何在 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'];
                     }
                 });
  }