离子导航到新浏览器选项卡上的另一个页面答案

【问题标题】：Ionic navigate to another page on new browser tab离子导航到新浏览器选项卡上的另一个页面
【发布时间】：2018-11-23 20:06:39
【问题描述】：

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

我的 html 中的链接如下所示：

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

目前我正在处理这样的导航：

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

有没有办法调整它以使其导航到“我的页面”但在另一个浏览器选项卡中？

【问题讨论】：

标签： ionic3

【解决方案1】：

在 ionic 中，您始终位于主浏览器选项卡中。没有推送和弹出导航堆栈，您可以在此处查看文档：https://ionicframework.com/docs/api/navigation/NavController/

如果您需要应用程序中的一些其他外部内容，您应该尝试使用 InAppBrowser 插件。但请注意 iOS 上有关 App Store 发布指南的限制。

【讨论】：

【解决方案2】：

由于我找不到使用 Ionic 的 NavController 的方法，而且我只需要在 Web 而不是移动设备上使用它，所以我最终这样做了：

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

这不是最优雅的方式，但确实有效。

【讨论】：