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 相关文章推荐
THREE.JS入门教程(5)你应当知道的十件事
Jan 24 Javascript
AngularJS入门教程(二):AngularJS模板
Dec 06 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
AngularJS控制器之间的数据共享及通信详解
Aug 01 Javascript
JavaScript对JSON数据进行排序和搜索
Jul 24 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
微信小程序仿美团城市选择
Jun 06 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
Sep 16 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
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
在VS2008中编译MYSQL5.1.48的方法
2010/07/03 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
ASP中Sub和Function的区别说明
2020/08/30 Javascript
探讨javascript是不是面向对象的语言
2013/11/21 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
2015/11/22 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
关于json字符串与实体之间的严格验证代码
2016/11/10 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
详解网站中图片日常使用以及优化手法
2017/01/09 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
AngularJS 表单验证手机号的实例(非必填)
2017/11/12 Javascript
bootstrap select下拉搜索插件使用方法详解
2017/11/23 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
基于Three.js实现360度全景图片
2018/12/30 Javascript
使用Node.js实现一个多人游戏服务器引擎
2019/03/13 Javascript
浅谈JS中this在各个场景下的指向
2019/08/14 Javascript
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
python使用reportlab画图示例(含中文汉字)
2013/12/03 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
python实现文本进度条 程序进度条 加载进度条 单行刷新功能
2019/07/03 Python
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
捷克家电和家具购物网站:OKAY.cz
2020/07/23 全球购物
平安工地建设方案
2014/05/06 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
庆六一活动总结
2014/08/29 职场文书
单位工作证明
2014/10/07 职场文书
留学推荐信英文范文
2015/03/26 职场文书
2015年全民创业工作总结
2015/07/23 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书
拒绝盗图!教你怎么用python给图片加水印
2021/06/04 Python