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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
表头固定(利用jquery实现原理介绍)
Nov 08 Javascript
jQuery学习笔记之toArray()
Jun 09 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
Jan 08 Javascript
关于JS 预解释的相关理解
Jun 28 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
深入理解Node.js中的进程管理
Mar 13 Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
Dec 07 Javascript
基于layui数据表格以及传数据的方式
Aug 19 Javascript
如何用Node写页面爬虫的工具集
Oct 26 Javascript
NProgress显示顶部进度条效果及使用详解
Sep 21 Javascript
jQuery操作动画完整实例分析
Jan 10 jQuery
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
《一拳超人》埼玉一拳下去,他们存在了800年毫无意义!
2020/03/02 日漫
PHP模板引擎SMARTY
2006/10/09 PHP
php防止网站被攻击的应急代码
2015/10/21 PHP
jquery索引在使用中的一些困惑
2013/10/24 Javascript
nodejs 实现模拟form表单上传文件
2014/07/14 NodeJs
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
javascript 用函数实现继承详解
2016/05/28 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
js控制文本框禁止输入特殊字符详解
2017/04/07 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
javascript 跨域问题以及解决办法
2017/07/17 Javascript
关于vue.js发布后路径引用的问题解决
2017/08/15 Javascript
基于Vue的ajax公共方法(详解)
2018/01/20 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
2018/09/25 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
微信小程序获取用户openid的实现
2018/12/24 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
2019/03/29 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
2019/09/27 Javascript
python实现绘制树枝简单示例
2014/07/24 Python
对Python中range()函数和list的比较
2018/04/19 Python
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
2018/04/19 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
python实现名片管理系统
2018/11/29 Python
六行python代码的爱心曲线详解
2019/05/17 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
医学专业个人求职自荐信格式
2013/09/23 职场文书
优乐美广告词
2014/03/14 职场文书
领导干部查摆“四风”问题自我剖析材料思想汇报
2014/10/05 职场文书
求职信如何撰写?
2019/05/22 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
PHP实现创建以太坊钱包转账等功能
2021/04/21 PHP
SQL中的三种去重方法小结
2021/11/01 SQL Server
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python