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 相关文章推荐
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
javascript移动设备Web开发中对touch事件的封装实例
Jun 05 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
js闭包的用途详解
Nov 09 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
Dec 18 Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 Javascript
使用vue-resource进行数据交互的实例
Sep 02 Javascript
深入理解Vue2.x的虚拟DOM diff原理
Sep 27 Javascript
Vue实现6位数密码效果
Aug 18 Javascript
多个vue子路由文件自动化合并的方法
Sep 03 Javascript
Vue3.0 响应式系统源码逐行分析讲解
Oct 14 Javascript
详解利用eventemitter2实现Vue组件通信
Nov 04 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通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
PHP查找数值数组中不重复最大和最小的10个数的方法
2015/04/20 PHP
php开发工具有哪五款
2015/11/09 PHP
微信公众号开发客服接口实例代码
2016/10/21 PHP
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
2017/10/11 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
浅谈php的TS和NTS的区别
2019/03/13 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
深入解析PHP底层机制及相关原理
2020/12/11 PHP
BOOM vs RR BO5 第四场 2.14
2021/03/10 DOTA
javascript setTimeout()传递函数参数(包括传递对象参数)
2010/04/07 Javascript
一个简单的jquery进度条示例
2014/04/28 Javascript
JavaScript中的Primitive对象封装介绍
2014/12/31 Javascript
js中for in语句的用法讲解
2015/04/24 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
jquery实现转盘抽奖功能
2017/01/06 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
微信小程序实现带缩略图轮播效果
2018/11/04 Javascript
Node.js 如何利用异步提升任务处理速度
2019/01/07 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
vue相同路由跳转强制刷新该路由组件操作
2020/08/05 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
[04:44]DOTA2英雄梦之声_第12期_矮人直升机
2014/06/21 DOTA
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
详解Python函数作用域的LEGB顺序
2016/05/14 Python
django迁移数据库错误问题解决
2019/07/29 Python
使用selenium和pyquery爬取京东商品列表过程解析
2019/08/15 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
外贸主管求职简历的自我评价
2013/10/23 职场文书
怎样写好自我鉴定
2013/12/04 职场文书
体育专业个人求职信范文
2013/12/27 职场文书
Go 语言下基于Redis分布式锁的实现方式
2021/06/28 Golang