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

时间:2017-06-05 11:01:19

标签: angular ionic2 ionic3

情景:

我有一个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,应用程序已成功打开,但我收到了未定义的值。

任何建议都将受到赞赏。

3 个答案:

答案 0 :(得分:2)

最后从官方文档IonicPage Documentation找到答案。

所以我用过

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

并在构造函数中,

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

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

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

答案 1 :(得分:0)

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

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

在子页面构造函数或

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

答案 2 :(得分:0)

你可以试试普通的旧javascript。我不认为这是离子特有的。而且因为它不是主要基于导航然后NavParams不起作用,我猜,你可以这样做split

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

参考:here