【问题标题】:How to load an iframe in angular js如何在 Angular js 中加载 iframe
【发布时间】:2018-01-16 20:59:57
【问题描述】:

当我放入 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>

【问题讨论】:

标签: html angularjs iframe x-frame-options


【解决方案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>

【讨论】:

  • 嗨,sajeetharan。它不起作用我编辑了我的代码,你可以检查一下。
  • ,它在你的例子中对我有用,但是当我输入我的网址时,它说错误拒绝在框架中显示'myurl',因为它将'X-Frame-Options'设置为'DENY,DENY '。
猜你喜欢
  • 2015-05-16
  • 2015-09-12
  • 1970-01-01
  • 2015-07-12
  • 1970-01-01
  • 1970-01-01
  • 2013-10-26
  • 2022-01-12
  • 2021-02-07
相关资源
最近更新 更多