从 Ionic 3 Web App 中的链接获取数据答案

【问题标题】：Get data from link in Ionic 3 Web App从 Ionic 3 Web App 中的链接获取数据
【发布时间】：2017-11-06 03:24:38
【问题描述】：

场景：

我有一个 Ionic 3 Web 应用程序，该应用程序打开此链接 http://localhost:8100。我需要通过链接传递一个值（即http://localhost:8100/index.html?cell=1234567890），而离子应用程序在加载应用程序时会获取单元格值。

我做了什么：

说真的，我不知道从哪里开始。我这样用NavParams，

this.cell = this.navParams.get('cell');

并像http://localhost:8100/index.html?cell=1234567890一样打开应用程序，应用程序已成功打开，但我得到一个未定义的值。

任何建议将不胜感激。

【问题讨论】：

【解决方案1】：

我不知道这是否是你想要的，但你可以像这样发送参数

this.navCtrl.push(ChildPage, {
        cell: value
    });

在子页面构造函数或

    ionViewDidLoad() {
    this.cell= this.navParams.get('cell');
    console.log(this.cell);
}

【讨论】：

【解决方案2】：

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

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

参考：here

【讨论】：

【解决方案3】：

终于从官方文档IonicPage Documentation中找到了答案。

所以我用过

@IonicPage({
  segment: 'feedback/:cell'
})

在构造函数中，

this.cell = this.navParams.get('cell');

现在当我调用此链接http://localhost:8100/#/feedback/1234567890 我得到了号码。现在一切正常。

感谢您的回复，我很感激。

【讨论】：