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

Question

我遵循了这个答案：，我不确定他们是如何通过输入 http://localhost:4200?test=hi 进行测试的。请给出建议-这对我不起作用。

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

Answer 1

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

  constructor(private route: ActivatedRoute){}

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