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 event 事件解析
Jan 31 Javascript
javascript中length属性的探索
Jul 31 Javascript
javascript的原生方法获取数组中的最大(最小)值
Dec 19 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
jquery操作checkbox实现全选和取消全选
May 02 Javascript
js控制多图左右滚动切换效果代码分享
Aug 26 Javascript
jquery ztree异步搜索(搜叶子)实践
Feb 25 Javascript
最全面的JS倒计时代码
Sep 17 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
Angular4集成ng2-file-upload的上传组件
Mar 14 Javascript
jQuery三组基本动画与自定义动画操作实例总结
May 09 jQuery
js实现滚动条自动滚动
Dec 13 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 网上商城促销设计实例代码
2012/02/17 PHP
PHP修改session_id示例代码
2014/01/08 PHP
php判断访问IP的方法
2015/06/19 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
使用 PHP Masked Package 屏蔽敏感数据的实现方法
2019/10/15 PHP
JS 判断undefined的实现代码
2009/11/26 Javascript
js变量以及其作用域详解
2020/07/18 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
JavaScript框架(iframe)操作总结
2014/04/16 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
DropDownList实现可输入可选择(两种版本可选)
2016/12/07 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
2016/12/19 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
2017/09/13 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
2019/01/08 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
async/await让异步操作同步执行的方法详解
2019/11/01 Javascript
JS字符串和数组如何实现相互转化
2020/07/02 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
Python输出各行命令详解
2018/02/01 Python
Python中logging实例讲解
2019/01/17 Python
Python 通过打码平台实现验证码的实现
2019/05/13 Python
基于pytorch的保存和加载模型参数的方法
2019/08/17 Python
wxPython电子表格功能wx.grid实例教程
2019/11/19 Python
pygame实现飞机大战
2020/03/11 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
css3背景图片透明叠加属性cross-fade简介及用法实例
2013/01/08 HTML / CSS
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
最新的大学生找工作自我评价
2013/09/29 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
大学生活动策划方案
2014/02/10 职场文书
王老吉广告词
2014/03/20 职场文书
重阳节演讲稿:尊敬帮助老人 弘扬传统美德
2014/09/25 职场文书
机关干部三严三实心得体会
2014/10/13 职场文书
MySQL中LAG()函数和LEAD()函数的使用
2022/08/14 MySQL