如何从 Angular 5 中的 URL 获取查询参数？

Question

我正在使用 Angular 5.0.3，我想使用一堆查询参数来启动我的应用程序，例如 /app?param1=hallo&param2=123 。 如何从 Angular 2 中的 url 获取查询参数中给出的每个提示？ 对我不起作用。

任何想法如何让查询参数起作用？

 private getQueryParameter(key: string): string {
  const parameters = new URLSearchParams(window.location.search);
  return parameters.get(key);
}

这个私有函数可以帮助我获取参数，但我认为这不是新 Angular 环境中的正确方法。

[更新：]我的主要应用看起来像

@Component({...})
export class AppComponent implements OnInit {

  constructor(private route: ActivatedRoute) {}

  ngOnInit(): void {
    // would like to get query parameters here...
    // this.route...
  }
}

原文由 Lars 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

最好的解决方案是使用 ActivatedRoute ：

     constructor(private route: ActivatedRoute) {}

    ngOnInit(): void {
        this.route.queryParams.subscribe((params) => {
         console.log(params);
         const queryparams = params['queryName'];
        });
    }

原文由 Abhinav Akhil 发布，翻译遵循 CC BY-SA 4.0 许可协议