AngularJS iframe跨域打开内容时报错误的解决办法


Posted in Javascript onJanuary 26, 2015

<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的问题,希望大家能够喜欢

Javascript 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
jquery 操作DOM案例代码分享
Apr 05 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
js实现的常用的左侧导航效果
Oct 17 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
Feb 12 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
May 24 Javascript
JS结合bootstrap实现基本的增删改查功能
Jul 22 Javascript
smartupload实现文件上传时获取表单数据(推荐)
Dec 12 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 Javascript
在vue中给后台接口传的值为数组的格式代码
Nov 12 Javascript
JavaScript事件委托用法分析
Jan 24 #Javascript
jQuery统计上传文件大小的方法
Jan 24 #Javascript
限制上传文件大小和格式的jQuery插件实例
Jan 24 #Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
Jan 24 #Javascript
使用jQuery实现input数值增量和减量的方法
Jan 24 #Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 #Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 #Javascript
You might like
php将图片保存入mysql数据库失败的解决方法
2014/12/27 PHP
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
jquery及原生js获取select下拉框选中的值示例
2013/10/25 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
2014/05/08 Javascript
Jquery Post处理后不进入回调的原因及解决方法
2014/07/15 Javascript
js中 javascript:void(0) 用法详解
2015/08/11 Javascript
以Python代码实例展示kNN算法的实际运用
2015/10/26 Javascript
javascript自动恢复文本框点击清除后的默认文本
2016/01/12 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
最简单的tab切换实例代码
2016/05/13 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
jQuery Mobile和HTML5开发App推广注册页
2016/11/07 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
2018/11/01 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
JavaScript console的使用方法实例分析
2020/04/28 Javascript
python使用rabbitmq实现网络爬虫示例
2014/02/20 Python
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
pygame播放音乐的方法
2015/05/19 Python
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
python3爬虫之设计签名小程序
2018/06/19 Python
Python 读取某个目录下所有的文件实例
2018/06/23 Python
python在html中插入简单的代码并加上时间戳的方法
2018/10/16 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
kafka监控获取指定topic的消息总量示例
2019/12/23 Python
python不使用for计算两组、多个矩形两两间的iou方式
2020/01/18 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
实例教程 一款纯css3实现的数字统计游戏
2014/11/10 HTML / CSS
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
Yahoo的PHP面试题
2014/05/26 面试题
Python如何实现单例模式
2016/06/03 面试题
大一期末自我鉴定
2013/12/13 职场文书
简短证婚人证婚词
2014/01/09 职场文书
我为自己代言广告词
2014/03/18 职场文书
2014春晚主持词
2014/03/25 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书