Ionic导航到新浏览器选项卡上的另一个页面

时间:2018-11-21 16:14:17

标签: ionic3

我正在尝试使用链接导航到应用程序的另一个页面,但需要在新的浏览器选项卡上打开它。

我html中的链接看起来像这样:

<a (click)="goToPage(item.id)">{{item.id}}</a>

此刻,我正在像这样处理导航:

goToPage(id: string) {
  this.navCtrl.setRoot("MyPage",  {
    'id': id
  });
}

是否有办法使它适应以使其导航到“ MyPage”,但在另一个浏览器选项卡中?

2 个答案:

答案 0 :(得分:1)

在ionic中,您始终位于主浏览器选项卡中。可以推送和弹出导航堆栈了,您可以在此处查看文档:{​​{3}}

如果您在应用程序内需要其他一些外部内容,则应尝试使用InAppBrowser插件。但是请注意iOS上有关App Store发布限制的准则。

答案 1 :(得分:0)

由于我找不到用Ionic的NavController做到这一点的方法,而我只需要在Web上而不是在移动设备上才需要这样做,所以我最终这样做:

goToPage(id: string) {
 var host = window.location.href;
 window.open(this.host.replace("old-page", "new-page") + "/" + id, '_blank');
}

这不是最优雅的方法,但是它可以工作。