访问pwa地址的url参数

Question

我是 ionic 2 的新手。在到处搜索后，鉴于以下情况，我找不到直接答案：

1. 我正在使用 ionic 2 构建 PWA（因为我稍后会开发此应用的混合版本）
2. 用户将找到并访问我的应用程序的地址将是一个标准域，例如https://welcometotheapp.com?viewid=0101018737abcdefg
3. 我正在使用 ionic 2，最近安装在 windows 10 上
4. 我已经开始了一个新的空白应用项目
5. 我的问题与导航无关。

我的问题是如何访问 url 参数viewid？我需要这个参数，以便应用程序将其发送到我的服务器端 REST api 并获取正确的 json 数据。我的用户通过 SMS 收到带有参数的 URL 作为链接。 我尝试过使用this question 等几个建议

但我正在旋转我的轮子。我还观看了 Josh Morony 和其他人的大量 youtube 视频，但没有直接相关。

有人可以帮忙解答这个问题吗？作为一个新手，如果代码片段在给定 ionic2 空白模板结构的情况下使用什么文件中的代码进行注释，那将非常有帮助。谢谢大家！

Answer 1

您可以尝试普通的旧 javascript。我不认为这是特定于离子的。而且因为它主要不是基于导航，所以NavParams 不起作用，我猜。

在.js 中，您可以像这样使用split

let myParam = location.search.split('viewid=')[1];

请注意，如果没有viewId=，那么该变量将是未定义的。这是location.search的文档

Answer 2

我必须使用来自@angular/common 的Location。所以我相信值得发布另一个答案：

import { Location } from '@angular/common';

...

public urlParams: any;

constructor(..., public location: Location) {
    this.initializeURLParams();
    console.log(this.urlParams);
}

initializeURLParams() {
  const path = this.location.path(true),
    hasParams = /\?(.+?\=.+){1}/;
  let params;

  if (hasParams.test(path)) {
    params = {};
    path.split('?')[1].split('&').forEach(both => {
      let e = both.split('=');
      params[e[0]] = e[1];
    });
  }

  this.urlParams = params;
}