ionic-framework - 如何在 Web 浏览器 View 中从我的 Ionic 应用程序打开外部链接

Question

第 1 步:Ionic 创建新应用程序。 ( ionic 启动 myApp1 侧菜单)

第 2 步:创建新页面主页和关于我们。 ( ionic 生成关于我们的页面)

第 3 步:在 aboutus 页面创建按钮，用于将 url 重定向到另一个网站。

aboutus.html : ( GO » )

aboutus.ts : redirect() { window.open("https://www.w3schools.com/php/ ", "_self"); }

第 4 步:当我单击 GO 按钮时，url 重定向到 w3schools.com，再次单击浏览器后退按钮仅单击重定向到主页。我需要重定向到 aboutus 页面。帮助我任何人。

Answer 1

使用它 In App Browser ionic 原生插件

安装 Cordova 和 Ionic Native 插件:

ionic cordova plugin add cordova-plugin-inappbrowser

npm install --save @ionic-native/in-app-browser

在 app.module.ts 添加 InAppBrowser Provider

import { InAppBrowser } from '@ionic-native/in-app-browser';

providers: [
  InAppBrowser,
]

网址:

 <ion-buttons>
    <button ion-button (click)="redirect()"> GO » <button>
 <ion-buttons>

在 ts:

import { InAppBrowser } from '@ionic-native/in-app-browser';


 constructor(private inAppBrowser: InAppBrowser) {}

redirect() {
 this.inAppBrowser.create("https://www.w3schools.com/php/");
}

你也可以看到这个 video tutorial