如何在网络浏览器视图中从我的 Ionic 应用程序打开外部链接

Question

第 1 步：Ionic 创建新应用。 (ionic start myApp1 sidemenu)

第 2 步：创建新页面主页和关于我们。 （离子生成关于我们的页面）

第 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 BrowserIonic Native 插件

安装 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,
]

HTML：

 <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