系统浏览器中的离子应用程序打开链接

时间:2016-02-22 20:02:36

标签: angularjs ionic-framework

我想在系统浏览器中打开链接,例如在safari中的ios和android chrome(无论默认浏览器是什么)。

我遇到的问题是链接确实在系统浏览器中打开,但它也在应用程序中打开。我希望链接仅在系统浏览器中打开,而不是在应用程序内打开。

这是我的代码。

<a ng-href="http://example.com/login/{{user._id}}" onclick="window.open(this.href, '_system', 'location=yes')" class="ion-home color-primary item"> Dashboard</a>

请记住,我还会将ID传递给我的终端。

4 个答案:

答案 0 :(得分:20)

<a class="ion-home color-primary item" href="#" onclick="window.open('http://example.com/login/{{user._id}}', '_system', 'location=yes'); return false;"> Dashboard</a>

答案 1 :(得分:4)

您可以使用InAppBrowser插件https://cordova.apache.org/docs/en/3.0.0/cordova/inappbrowser/inappbrowser.html

执行此操作

如果您因某些原因不想使用插件,请查看我对类似问题的回答:https://stackoverflow.com/a/30397786/1630623

编辑:如果您已经在使用该插件,则可能必须删除onclick代码并添加target="_system",或在onclick处理程序中添加event.preventDefault();

答案 2 :(得分:3)

在较新的(3.0)版本中App Browser Plugin是更好的解决方案。

<button ion-button block clear (click)="openWebpage(url)">Open Webpage</button>

,openWebpage方法就像这样

 openWebpage(url: string) {
        const options: InAppBrowserOptions = {
          zoom: 'no'
        }

        // Opening a URL and returning an InAppBrowserObject
        const browser = this.inAppBrowser.create(url, '_self', options);

       // Inject scripts, css and more with browser.X
      }

答案 3 :(得分:1)

简单解决方案

<a href="#" onclick="window.open('https://www.badhaobusiness.in',
     '_system', 'location=yes'); return false;"> www.badhaobusiness.in</a>