AngularJS iframe跨域打開內(nèi)容時(shí)報(bào)錯(cuò)誤的解決辦法
更新時(shí)間：2015年01月26日 08:57:25 投稿：hebedich
這篇文章主要介紹了AngularJS iframe跨域打開內(nèi)容時(shí)報(bào)錯(cuò)誤的解決辦法,需要的朋友可以參考下
<iframe id="myFrame" ng-src="{{url}}" width="100%" height="100%" seamless frameborder="0" ></iframe>
打開不同域的內(nèi)容時(shí)報(bào)下面的錯(cuò)誤:
Blocked loading resource from url not allowed by $sceDelegate policy
解決方案：
復(fù)制代碼 代碼如下:
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的問題，希望大家能夠喜歡
您可能感興趣的文章:
- php main 與 iframe 相互通訊類(js+php同域/跨域)
- javascript iframe跨域詳解
- JS未跨域操作iframe里的DOM
- JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域
- js iframe跨域訪問(同主域/非同主域)分別深入介紹
- js跨域問題之跨域iframe自適應(yīng)大小實(shí)現(xiàn)代碼
- 跨域傳值即主頁面與iframe之間互相傳值
- IFrame跨域高度自適應(yīng)實(shí)現(xiàn)代碼
- 詳解iframe跨域的幾種常用方法(小結(jié))
- JS實(shí)現(xiàn)iframe中子父頁面跨域通訊的方法分析
相關(guān)文章
這篇文章主要介紹了Angular2安裝angular-cli ,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
Angular?項(xiàng)目實(shí)現(xiàn)國際化的方法
本篇文章主要介紹了Angular?項(xiàng)目實(shí)現(xiàn)國際化的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧<BR>2018-01-01
本文主要講解AngularJS ng-checked 指令,在這整理ng-checked 指令的基礎(chǔ)知識(shí),并附代碼實(shí)例,有需要的小伙伴可以參考下2016-08-08
Angular.Js之Scope作用域的學(xué)習(xí)教程
這篇文章主要給大家分享了關(guān)于Angular.Js之Scope作用域的學(xué)習(xí)教程 ,文中通過多個(gè)示例代碼介紹的非常詳細(xì)，相信對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-04-04
這篇文章主要介紹了AngularJS入門教程之Helloworld示例,結(jié)合Helloworld入門示例分析了AngularJS的功能、原理、MVC框架、數(shù)據(jù)綁定與相關(guān)使用技巧,需要的朋友可以參考下2016-12-12
AngularJS實(shí)現(xiàn)用戶登錄狀態(tài)判斷的方法(Model添加攔截過濾器,路由增加限制)
這篇文章主要介紹了AngularJS實(shí)現(xiàn)用戶登錄狀態(tài)判斷的方法,通過Model添加攔截過濾器,路由增加限制實(shí)現(xiàn)針對(duì)登陸狀態(tài)的判斷功能,需要的朋友可以參考下2016-12-12
這篇文章主要和大家一起學(xué)習(xí)Angular路由，介紹angular的$route的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
angularjs客戶端實(shí)現(xiàn)壓縮圖片文件并上傳實(shí)例
這篇文章主要介紹了angularjs客戶端實(shí)現(xiàn)壓縮圖片文件并上傳實(shí)例,本文直接給出代碼實(shí)例,需要的朋友可以參考下2015-07-07
深究AngularJS如何獲取input的焦點(diǎn)（自定義指令）
本篇文章主要介紹了AngularJS如何獲取input的焦點(diǎn)（自定義指令），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
AngularJS自定義服務(wù)與fliter的混合使用
這篇文章主要介紹了AngularJS自定義服務(wù)與fliter的混合使用的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11