如何角JS

2017-08-09 64 views 0 likes

当我把我的IFRAME它说下面的错误加载一个iframe，如何角JS

Refused to display 'my url' in a frame because it set 'X-Frame-Options' to 'DENY, DENY'.I am using this iframe for the first time. 


<iframe src="myurl"></iframe>

谁能帮我一下情况。

我CTRL，

$scope.trustSrc = function(src) { 
    return $sce.trustAsResourceUrl(src); 
}

我的HTML，

<iframe ng-src="{{trustSrc(https://www.w3schools.com)}}"></iframe>

来源

2017-08-09 Duster

显示的控制器编码的 –

可能的复制[如何设置在AngularJS可变的iframe src属性（https://stackoverflow.com/问题/ 20045150/how-to-set-an-iframe-src-attribute-from-a-variable-in-angularjs） –

回答

你可以有定义的函数和URL传递给它，

$scope.trustSrc = function(src) { 
     return $sce.trustAsResourceUrl(src); 
}

，并在HTML

<iframe ng-src="{{trustSrc(myurl)}}"></iframe>

注意：您需要注入'$sce'作为您的控制器的参数。

DEMO

var app = angular.module('myApp',[]); 
 
app.controller('myCtrl',function($scope,$sce){ 
 
$scope.trustSrc = function(src) { 
 
    return $sce.trustAsResourceUrl(src); 
 
} 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="myApp"> 
 
<div ng-controller="myCtrl"> 
 
<iframe height="100%" width="100%" ng-src="{{trustSrc('http://www.espncricinfo.com/')}}"></iframe> 
 
</div> 
 
</body>

来源

2017-08-09 06:07:15 Sajeetharan

嗨，sajeetharan.Its不工作我编辑我的代码，可以检查。 – Duster

检查附带的演示或http://plnkr.co/edit/YlWzMyMZcwcLXHLsIQcZ?p=preview – Sajeetharan

@Duster是否有效？ – Sajeetharan

如何角JS

回答

相关问题