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 相关文章推荐
jquery中的$(document).ready()与window.onload的区别
Nov 18 Javascript
JavaScript 未结束的字符串常量常见解决方法
Jan 24 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
javascript输出AscII码扩展集中的字符方法
Dec 26 Javascript
JS触摸与手势事件详解
May 09 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
Jul 03 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
详解js静态检查工具eslint配置文件
Nov 23 Javascript
vue使用vuex实现首页导航切换不同路由的方法
May 08 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
关于使用coreseek并为其做分页的介绍
2013/06/21 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
jQuery中使用Ajax获取JSON格式数据示例代码
2013/11/26 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
理解javascript定时器中的单线程
2016/02/23 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
2016/03/05 Javascript
JS面向对象编程详解
2016/03/06 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
webpack4.0 入门实践教程
2018/10/08 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
vue.js循环radio的实例
2019/11/07 Javascript
Python 函数基础知识汇总
2018/03/09 Python
利用arcgis的python读取要素的X,Y方法
2018/12/22 Python
对Python3 解析html的几种操作方式小结
2019/02/16 Python
Python时间序列处理之ARIMA模型的使用讲解
2019/04/02 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
Python实现给PDF添加水印的方法
2021/01/25 Python
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
2014应届本科生自我评价
2014/09/13 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
道德模范事迹材料
2014/12/20 职场文书
2015年农村党员干部主题教育活动总结
2015/03/25 职场文书
出国留学单位推荐信
2015/03/26 职场文书
办公用品管理制度
2015/08/04 职场文书
企业反腐倡廉心得体会
2015/08/15 职场文书
MySQL之DML语言
2021/04/05 MySQL