android - ionic 角: opening links in (external) mobile browser

Question

我不想在我的 Ionic 应用程序中打开链接，所以我试图让链接在移动浏览器中打开。
这里的第一个例子工作正常。当 URL 在“window.open”命令中时，外部浏览器会按预期启动。

            <p class="descriptive-class">
               <a ng-href="" onclick="window.open('https://stackoverflow.com', '_system', 'location=yes')">
                  <img src="assets/img/awesome_picture.png" alt="blablabla">
               </a>
            </p>

问题在于这部分，我想将 URL 的参数提供给代码。我不能直接在“window.open()”中设置它，所以我必须将它移动到“ng-href”，然后通过“this.href”引用它。

Android 似乎没有正确理解这一点。它向我展示了 Android 上的“使用完成操作”对话框，然后展示了 HTML 文档处理程序应用程序。它不理解浏览器链接。

如何最好地纠正这种情况？

            <p class="descriptive-class">
               <a href="#" ng-href="item.webURL" onclick="window.open(this.href, '_system', 'location=yes')">
                  {{ item.webURL }}
               </a>
           </p>

Answer 1

在这种情况下，最简单的方法是安装 在应用浏览器中插入。

它使用已安装的设备浏览器打开一个 URL。首先添加并安装插件:

*$ ionic cordova plugin add cordova-plugin-inappbrowser*
*$ npm install --save @ionic-native/in-app-browser*

将其添加到您的 app.module.ts

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

并将其添加到您的 供应商 :

@NgModule({
  ...

  providers: [
    ...
    InAppBrowser
    ...
  ]
  ...
})

然后添加 相关页面 :

constructor(private iab: InAppBrowser) { }

openBrowser(){
    this.iab.create('https://ionicframework.com/');
}

调用 openBrowser()在您的(单击)方法中，您已设置好!

另见: https://ionicframework.com/docs/native/in-app-browser/