Question

我需要启动，在 Onsen Ui 中启动外部网址 /网站，而无需离开应用。我可以在我需要它的ons-page标签之间使用iframe，但也许并不是非常可靠。

这是我的第一个Onsen Ui项目。

麦

Answer 1

只需在OnsenUI上使用以下方法

<a href="www.example.com">Link</a>

将使用外部HTML资源销毁并替换整个应用程序（Web视图）。

解决方案：因此您可能需要cordova-plugin-inappbrowser插件的帮助。

在你的情况下， 在不离开应用程序的情况下在Onsen Ui中启动外部网址/网站，你需要＆＃34; _self＆＃34;或＆＃34; _blank＆＃34; （＆＃34; _blank＆＃34;用于下面的示例代码）

// opts is optional depend on your requirements
var opts = 'location=yes';
var ref = cordova.InAppBrowser.open('http://www.example.com', '_blank', opts);

或者你可以使用ngCordova＆＃39; s $cordovaInAppBrowser

angular.module('app')
    .controller('ctrl', ['$cordovaInAppBrowser', function($cordovaInAppBrowser) {
         var opts = {location: 'yes'};
         $cordovaInAppBrowser.open('http://www.example.com', '_blank', opts);
     }]);

Answer 2

我遇到了同样的问题，我使用这种方法并不花哨，但它适用于我

<a class="name" href="#" onclick="window.open('https://www.youtube.com/watch?v=_OOWhuC_9Lw', '_system', 'location=yes'); return false;">
      Watch
</a>

我需要在Onsen Ui上启动一个外部网站

2 个答案: