Question

我在我的项目中使用iframe只是试图通过iframe在我的应用程序中打开url，但它不在我的工作，请看看并提供你宝贵的建议。我将非常感谢你。< / p>

这是我的控制器代码： -

＆＃13;

app.controller('IframeCtrl', function($http, $scope, $ionicPopup, $state,
		$ionicLoading, LocalStorage, $sce) {

	$scope.customUrl = $sce.trustAsResourceUrl('http://www.magentomobileshop.com/demo/payu/index/payu?orderid='
			+ LocalStorage.getData("orderid"));

	window.checkIframeUrl = function(curentUrl) {
		alert(curentUrl);
	};
	

});

＆＃13;

我的iframe.hml： -

＆＃13;

<ion-view view-title="PayU Money"> <ion-nav-bar
	class="bar-positive" align-title="center"> </ion-nav-bar> <iframe
	src="{{customUrl}}" src="http://www.google.com"
	onLoad="checkIframeUrl(src);" scrolling="none" frameborder="0"
	height="600px" width="100%"></iframe> <ion-content> </ion-content> </ion-view>

＆＃13;

＆＃13; 我甚至试着这个链接： - http://jsfiddle.net/W4WyL/4/

这是我现在尝试的： -

我的控制者： -

＆＃13;

 function($http, $scope, $sce) {

 
 var url="http://www.magentomobileshop.com/demo/payu/index/payu?orderid=100000030"
 
    $http.get($sce.trustAsResourceUrl(url)).success(function(data) {
     $scope.myData  = data;
     
    });
 
}

＆＃13;

我的新Html： -

＆＃13;

 <div><iframe
	ng-src={{myData}} frameborder="0"
	height="600px" width="100%"></iframe> </div>
    </div>

＆＃13;

好吧，我认为这可能是payU是一个安全的Url的问题所以这可能不会在iFrame上打开但是有什么方法我可以在window.open（）中跟踪url，这样我就可以关闭webview当我将在那个被跟踪的网址上。

由于

Answer 1

我不知道角度逻辑是否支持iframe。无论如何，而不是加倍的＆＃34; src＆＃34;属性，写

ng-src="{{securedUrl}}"

另外，对

进行有效性检查会很好

LocalStorage.getData("orderid")

值。

Answer 2

等等啊。我没有注意到你将这个值作为查询参数膨胀。我不认为它可以以任何方式起作用。您只是填写一个地址，并将链接列入白名单，但您没有获得数据。

您可能会使用

$http({
    url : $sce.trustAsResourceUrl( yourURL ),
    method : "GET"
}).then(
   function(data){
      $scope.myData = data;
   },
   function(error){
      // manage error
   }
);

$ sce.trustAsResourceUrl无效

2 个答案: