2017-05-27 29 views
0

在我的应用程序中,我在中继器中有一个指令,并且该指令显示给用户的URL。我无法在应用程序浏览器中触发cordova打开URL

我的代码如下:

var onDeviceReady; 

onDeviceReady = function() { 
    console.log("this was called"); 
    return window.open = cordova.InAppBrowser.open; 
}; 

document.addEventListener( 'deviceready',onDeviceReady,FALSE);

,并在HTML

<a href="#" on-click="window.open('{{data.url}}', '_blank', 'location=yes');">{{data.url}}</a> 

当我尝试打开Android设备上的应用程序,控制台消息被正确打印(这意味着该函数应该叫),但所有的网址是不是在开所有。

我的索引文件看起来像这样(的情况下,是非常有用的):

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <meta http-equiv="Content-Security-Policy" 
      content="default-src * gap://ready file: data:; style-src 'self' 'unsafe-inline' *; font-src 'self' data: https://fonts.gstatic.com; script-src 'self' 'unsafe-inline' 'unsafe-eval' *"> 
    <title></title> 
    <link href="css/bower.css" rel="stylesheet" id="bower-css"> 
    <link href="css/style.css" rel="stylesheet" id="style-css"> 
</head> 

<body ng-app="myApp" ng-strict-di> 
    <ion-nav-view class="slide-left-right" animation="slide-left-right"></ion-nav-view> 

<script src="js/bower.js"></script> 
<script src="cordova.js"></script> 
<script src="js/app.js"></script> 
<script src="js/templates.js"></script> 
</body> 
</html> 

而且我现在已经安装的插件如下:

科尔多瓦 - 插件 - inappbrowser 1.7.1“ InAppBrowser”

科尔多瓦 - 插件白名单1.3.2 “白名单”

回答

0

我终于设法让它在最后工作。

基本上,我换成

ng-click="window.open('{{data.url}}', '_blank', 'location=yes');">

与功能:

ng-click="openRUL({{data.url}})"> 

然后函数如下:

$scope.openURL = function (url){ 
    window.open(url, '_blank', 'location=yes') 
} 

,它现在的工作完全正常。

1

问题是on-click

您可以使用HTML onclick,或角ng-clickon-tap,但on-click不存在

而且,你不需要为onDeviceReady返回,但没有按阻止它工作。

+0

返回只是因为我使用coffeescript,我自动将其转换为js在这里发布。非常感谢,我会用ng-click代替它!不幸的是,再次感谢 – Nick

+0

,它仍然无法正常工作。 如果我使用onclick,浏览器会打开,但url不会从角度转换为html,如果我使用ng-click,浏览器根本不会打开。想法? – Nick

+0

您可以检查Chrome中的链接(进行远程调试),以查看在使用ng-click时是否转换了url吗?我假设角码在bower.js中,对吗? – jcesarmobile

相关问题