AngularJS iframe跨域打开内容时报错误的解决办法  更新时间:2015年01月26日 08:57:25   投稿:hebedich   这篇文章主要介绍了AngularJS iframe跨域打开内容时报错误的解决办法,需要的朋友可以参考下 打开不同域的内容时报下面的错误: Blocked loading resource from url not allowed by $sceDelegate policy 解决方案: 复制代码 代码如下: app.config(function($sceDelegateProvider) {    $sceDelegateProvider.resourceUrlWhitelist([        // Allow same origin resource loads.        ‘self’,        // Allow loading from our assets domain.  Notice the difference between * and **.        ‘http://media.w3.org/**’]); }); 很简单的方法就解决了angularjs跨域使用iframe的问题,希望大家能够喜欢 您可能感兴趣的文章: php main 与 iframe 相互通讯类(js+php同域/跨域) javascript iframe跨域详解 JS未跨域操作iframe里的DOM JavaScript实现iframe自动高度调整和不同主域名跨域 js iframe跨域访问(同主域/非同主域)分别深入介绍 js跨域问题之跨域iframe自适应大小实现代码 跨域传值即主页面与iframe之间互相传值 IFrame跨域高度自适应实现代码 详解iframe跨域的几种常用方法(小结) JS实现iframe中子父页面跨域通讯的方法分析 AngularJS iframe 跨域 相关文章 AngularJS基础 ng-keypress 指令简单示例 本文主要介绍AngularJS ng-keypress 指令,这里对ng-keypress指令的基础资料整理,并附有实例代码,需要的小伙伴参考下 2016-08-08 Angular如何由模板生成DOM树的方法 这篇文章主要介绍了Angular如何由模板生成DOM树的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 2019-12-12 Angular2 多级注入器详解及实例 这篇文章主要介绍了Angular2 多级注入器详解的相关资料,并附简单实例代码,需要的朋友可以参考下 2016-10-10 AngularJS实现的获取焦点及失去焦点时的表单验证功能示例 这篇文章主要介绍了AngularJS实现的获取焦点及失去焦点时的表单验证功能,涉及AngularJS使用ng-blur、ng-focus针对表单事件监听相关操作技巧,需要的朋友可以参考下 2017-10-10 Angular 作用域scope的具体使用 本篇文章主要介绍了Angular 作用域的具体使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-12-12 Angularjs Promise实例详解 Promise是一个构造函数,自己身上有all、reject、resolve这几个异步方式处理值的方法,原型上有then、catch等同样很眼熟的方法,下面通过实例代码给大家讲解angularjs promise 的相关知识,感兴趣的朋友一起看看吧 2018-03-03 Angularjs实现控制器之间通信方式实例总结 这篇文章主要介绍了Angularjs实现控制器之间通信方式,结合实例形式总结分析了AngularJS控制器常用通信方式及相关操作注意事项,需要的朋友可以参考下 2018-03-03 浅析AngularJs HTTP响应拦截器 这篇文章主要介绍了浅析AngularJs HTTP响应拦截器的相关资料,需要的朋友可以参考下 2015-12-12 angularjs学习笔记之简单介绍 这篇文章主要介绍了angularjs学习笔记之简单介绍的相关资料,需要的朋友可以参考下 2015-09-09 AngularJS 路由和模板实例及路由地址简化方法(必看) 下面小编就为大家带来一篇AngularJS 路由和模板实例及路由地址简化方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2016-06-06 最新评论

<iframe id=”myFrame” ng-src=”{{url}}” width=”100%” height=”100%” seamless frameborder=”0″ ></iframe>

打开不同域的内容时报下面的错误:

Blocked loading resource from url not allowed by $sceDelegate policy

解决方案:

复制代码 代码如下:

app.config(function($sceDelegateProvider) {

   $sceDelegateProvider.resourceUrlWhitelist([

       // Allow same origin resource loads.

       ‘self’,

       // Allow loading from our assets domain.  Notice the difference between * and **.

       ‘http://media.w3.org/**’]);

});

很简单的方法就解决了angularjs跨域使用iframe的问题,希望大家能够喜欢

您可能感兴趣的文章:

  • php main 与 iframe 相互通讯类(js+php同域/跨域)
  • javascript iframe跨域详解
  • JS未跨域操作iframe里的DOM
  • JavaScript实现iframe自动高度调整和不同主域名跨域
  • js iframe跨域访问(同主域/非同主域)分别深入介绍
  • js跨域问题之跨域iframe自适应大小实现代码
  • 跨域传值即主页面与iframe之间互相传值
  • IFrame跨域高度自适应实现代码
  • 详解iframe跨域的几种常用方法(小结)
  • JS实现iframe中子父页面跨域通讯的方法分析
张贴在3