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

Question

步骤1：Ionic创建新应用。（离子启动myApp1侧面菜单）

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

第3步：在Aboutus页面上创建按钮，以将URL重定向到另一个网站。

aboutus.html：（<button ion-button（click）=“ redirect（）”> GO»<button>）

aboutus.ts：redirect（）{window.open（“ https://www.w3schools.com/php/ ”，“ _self”）; }

第4步：当我单击GO按钮时，URL重定向到w3schools.com，再次在浏览器后退按钮中单击仅重定向到主页。我需要重定向到aboutus页面。帮我一个

Answer 1

使用它在应用程序浏览器离子本地插件

安装 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/");
}

你也可以看这个视频教程