如何从angular-5中的url获取查询参数？

发布时间：2020-12-17 08:01:02 所属栏目：安全来源：网络整理

导读：我正在使用angular 5.0.3，我想用一堆查询参数启动我的应用程序。比如“/ app？param1 = hallo param2 = 123”。 How get query params from url in angular2?中给出的每个提示对我都不起作用。任何想法如何获取查询参数的工作？ private getQueryParameter

我正在使用angular 5.0.3，我想用一堆查询参数启动我的应用程序。比如“/ app？param1 = hallo& param2 = 123”。 How get query params from url in angular2?中给出的每个提示对我都不起作用。

任何想法如何获取查询参数的工作？

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

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

[更新：]
我的主应用程序看起来像
@零件({…})
export class AppComponent实现OnInit {

constructor(private route: ActivatedRoute) {}

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

在Angular 5中，通过订阅this.route.queryParams来访问查询参数。

示例：“/ app？param1 = hallo& param2 = 123”

param1: string;
param2: string;
constructor(private route: ActivatedRoute) {
    console.log('Called Constructor');
    this.route.queryParams.subscribe(params => {
        this.param1 = params['param1'];
        this.param2 = params['param2'];
    });
}

而，路径变量由“this.route.snapshot.params”访问

示例：“/ param1 /：param1 / param2 /：param2”

param1: string;
param2: string;
constructor(private route: ActivatedRoute) {
    this.param1 = this.route.snapshot.params.param1;
    this.param2 = this.route.snapshot.params.param2;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!