从Ionic 3 Web应用程序中的链接中获取数据

Question

方案：

我有一个离子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一样打开该应用程序，该应用程序成功打开了，但是我得到了一个未定义的值。

任何建议都将不胜感激。

Answer 1

终于找到了正式文档的答案，即Ionicpage文档。

所以我已经使用了

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

和在构造函数中，

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

现在我称此链接http://localhost:8100/#/feedback/1234567890我得到了这个数字。现在一切正常。

谢谢您的回复，我感谢。

Answer 2

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

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

在儿童页面上构造函数或

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

Answer 3

您可以尝试普通的旧JavaScript。我不认为这是离子特定的。而且，由于它不是主要基于导航的，因此navparams无法正常工作，我猜想，您可以像So

一样执行split

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

参考：这里