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 相关文章推荐
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
jQuery判断元素是否存在的可靠方法
May 06 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
JS模态窗口返回值兼容问题的完美解决方法
May 28 Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 Javascript
微信小程序 实现拖拽事件监听实例详解
Nov 16 Javascript
vuejs2.0子组件改变父组件的数据实例
May 10 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
May 09 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
JS中的算法与数据结构之集合(Set)实例详解
Aug 20 Javascript
浅谈Vue的computed计算属性
Mar 21 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
PHP中文汉字验证码
2007/04/08 PHP
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
2013/07/09 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
javascript中的取反再取反~~没有意义
2014/04/06 Javascript
分享一个自己动手写的jQuery分页插件
2014/08/28 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
2015/10/01 Javascript
jquery通过name属性取值的简单实现方法
2016/06/20 Javascript
如何快速上手Vuex
2017/02/14 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
JS实现的判断方法、变量是否存在功能示例
2020/03/28 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
Python使用django搭建web开发环境
2017/06/09 Python
Django 实现下载文件功能的示例
2018/03/06 Python
Django框架多表查询实例分析
2018/07/04 Python
python2和python3的输入和输出区别介绍
2018/11/20 Python
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2019/08/27 Python
手把手教你Python yLab的绘制折线图的画法
2019/10/23 Python
Python csv文件记录流程代码解析
2020/07/16 Python
pycharm2020.1.2永久破解激活教程,实测有效
2020/10/29 Python
python opencv角点检测连线功能的实现代码
2020/11/24 Python
物业保安主管岗位职责
2013/12/25 职场文书
建筑学专业自荐书
2014/07/09 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
国防教育标语
2014/10/08 职场文书
2015年世界无车日活动总结
2015/03/23 职场文书
安全温馨提示语大全
2015/07/14 职场文书
团组织关系介绍信
2019/06/24 职场文书
Mysql 如何合理地统计一个数据库里的所有表的数据量
2022/04/18 MySQL
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS