AngularJS iframe跨域打开内容时报错误的解决办法

 更新时间:2015年01月26日 08:57:25   投稿:hebedich  
这篇文章主要介绍了AngularJS iframe跨域打开内容时报错误的解决办法,需要的朋友可以参考下

<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的问题,希望大家能够喜欢

相关文章

  • AngularJS 实现JavaScript 动画效果详解

    AngularJS 实现JavaScript 动画效果详解

    本文主要介绍AngularJS 实现 JavaScript 动画的资料,这里整理了详细的资料和简单示例代码,有兴趣的小伙伴可以参考下
    2016-09-09
  • Angular 根据 service 的状态更新 directive

    Angular 根据 service 的状态更新 directive

    Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。本文给大家介绍Angular 根据 service 的状态更新 directive,需要的朋友一起学习吧
    2016-04-04
  • AngularJS打开页面隐藏显示表达式用法示例

    AngularJS打开页面隐藏显示表达式用法示例

    这篇文章主要介绍了AngularJS打开页面隐藏显示表达式用法,结合实例形式分析了AngularJS中打开页面隐藏显示表达式相关命令使用技巧,需要的朋友可以参考下
    2016-12-12
  • 浅析Angular19 自定义表单控件

    浅析Angular19 自定义表单控件

    这篇文章主要介绍了Angular19 自定义表单控件的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-01-01
  • AngularJs $parse、$eval和$observe、$watch详解

    AngularJs $parse、$eval和$observe、$watch详解

    这篇文章主要介绍了AngularJs $parse、$eval和$observe、$watch的相关资料,需要的朋友可以参考下
    2016-09-09
  • angularjs结合html5实现拖拽功能

    angularjs结合html5实现拖拽功能

    本篇文章给大家分享了angularjs结合html5实现拖拽功能的方法以及代码实例,有兴趣的朋友参考下。
    2018-06-06
  • AngularJS初始化过程分析(引导程序)

    AngularJS初始化过程分析(引导程序)

    这篇文章主要介绍了AngularJS初始化过程分析(引导程序),这一节解释了AngularJS初始化的过程,以及需要的时候你该如何修改AngularJS的初始化,需要的朋友可以参考下
    2014-12-12
  • Angular6 用户自定义标签开发的实现方法

    Angular6 用户自定义标签开发的实现方法

    这篇文章主要介绍了Angular6 用户自定义标签开发的实现方法,下面我们就通过一个简单的例子演示Angular6中的这一新功能,小编觉得挺不错的,现在分享给大家,需要的朋友可以参考下
    2019-01-01
  • 利用Angular.js编写公共提示模块的方法教程

    利用Angular.js编写公共提示模块的方法教程

    最近工作中会经常遇到一些公用提示,使用框架自带很多时候不方便所以便自己编写了一个公共提示模块,下面这篇文章主要介绍了利用Angular.js编写公共提示模块的方法教程,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-05-05
  • 详解Angular Forms中自定义ngModel绑定值的方式

    详解Angular Forms中自定义ngModel绑定值的方式

    在Angular应用中有两种方式来实现表单绑定,但是对于一些特殊的表单控件没法实现,这篇文章主要介绍了详解Angular Forms中自定义ngModel绑定值的方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12

最新评论