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获取随机数函数可自定义最小值最大值
May 08 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
JS上传图片预览插件制作(兼容到IE6)
Aug 07 Javascript
Javascript 普通函数和构造函数的区别
Nov 05 Javascript
JS简单获取日期相差天数的方法
Apr 24 Javascript
js原生代码实现轮播图的实例讲解
Jul 28 Javascript
Vue组件之Tooltip的示例代码
Oct 18 Javascript
Element-ui tree组件自定义节点使用方法代码详解
Sep 17 Javascript
vue全局自定义指令-元素拖拽的实现代码
Apr 14 Javascript
vue实现自定义H5视频播放器的方法步骤
Jul 01 Javascript
微信小程序缓存支持二次开发封装实现解析
Dec 16 Javascript
vue中是怎样监听数组变化的
Oct 24 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
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
php中定义网站根目录的常用方法
2010/08/08 PHP
PHP如何抛出异常处理错误
2011/03/02 PHP
php中如何防止表单的重复提交
2013/08/02 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
延时重复执行函数 lLoopRun.js
2007/05/08 Javascript
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
理解JSON:3分钟课程
2011/10/28 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
jquery实现勾选复选框触发事件给input赋值
2015/02/01 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
AngularJS基础 ng-href 指令用法
2016/08/01 Javascript
原生js实现打字动画游戏
2017/02/04 Javascript
jQuery实现碰到边缘反弹的动画效果
2018/02/24 jQuery
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
详解keep-alive + vuex 让缓存的页面灵活起来
2019/04/19 Javascript
JS html事件冒泡和事件捕获操作示例
2019/05/01 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
2019/06/15 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
JS实现页面数据懒加载
2020/02/13 Javascript
[55:03]LGD vs EG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
关于Python如何避免循环导入问题详解
2017/09/14 Python
用Python进行简单图像识别(验证码)
2018/01/19 Python
python输出数学符号实例
2020/05/11 Python
JD Sports比利时官网:英国领先的运动鞋和运动服饰零售商
2018/10/10 全球购物
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
后勤副校长自我鉴定
2013/10/13 职场文书
岗位职责的构建方法
2014/02/01 职场文书
《水乡歌》教学反思
2014/04/24 职场文书
孔繁森观后感
2015/06/10 职场文书
用Python爬虫破解滑动验证码的案例解析
2021/05/06 Python
MySQL 覆盖索引的优点
2021/05/19 MySQL