Question

当我放入我的iframe时，它会显示以下错误，

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>

Answer 1

您可以定义一个函数并将URL传递给它，

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

和HTML

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

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

<强>样本

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>

如何在角度js中加载iframe

1 个答案: