AngularJS iframe跨域打開(kāi)內(nèi)容時(shí)報(bào)錯(cuò)誤的解決辦法
<iframe id="myFrame" ng-src="{{url}}" width="100%" height="100%" seamless frameborder="0" ></iframe>
打開(kāi)不同域的內(nèi)容時(shí)報(bào)下面的錯(cuò)誤:
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/**']);
});
很簡(jiǎn)單的方法就解決了angularjs跨域使用iframe的問(wèn)題,希望大家能夠喜歡
- php main 與 iframe 相互通訊類(lèi)(js+php同域/跨域)
- javascript iframe跨域詳解
- JS未跨域操作iframe里的DOM
- JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域
- js iframe跨域訪(fǎng)問(wèn)(同主域/非同主域)分別深入介紹
- js跨域問(wèn)題之跨域iframe自適應(yīng)大小實(shí)現(xiàn)代碼
- 跨域傳值即主頁(yè)面與iframe之間互相傳值
- IFrame跨域高度自適應(yīng)實(shí)現(xiàn)代碼
- 詳解iframe跨域的幾種常用方法(小結(jié))
- JS實(shí)現(xiàn)iframe中子父頁(yè)面跨域通訊的方法分析
相關(guān)文章
AngularJS 實(shí)現(xiàn)JavaScript 動(dòng)畫(huà)效果詳解
本文主要介紹AngularJS 實(shí)現(xiàn) JavaScript 動(dòng)畫(huà)的資料,這里整理了詳細(xì)的資料和簡(jiǎn)單示例代碼,有興趣的小伙伴可以參考下2016-09-09Angular 根據(jù) service 的狀態(tài)更新 directive
Angular JS (Angular.JS) 是一組用來(lái)開(kāi)發(fā)Web頁(yè)面的框架、模板以及數(shù)據(jù)綁定和豐富UI組件。本文給大家介紹Angular 根據(jù) service 的狀態(tài)更新 directive,需要的朋友一起學(xué)習(xí)吧2016-04-04AngularJS打開(kāi)頁(yè)面隱藏顯示表達(dá)式用法示例
這篇文章主要介紹了AngularJS打開(kāi)頁(yè)面隱藏顯示表達(dá)式用法,結(jié)合實(shí)例形式分析了AngularJS中打開(kāi)頁(yè)面隱藏顯示表達(dá)式相關(guān)命令使用技巧,需要的朋友可以參考下2016-12-12AngularJs $parse、$eval和$observe、$watch詳解
這篇文章主要介紹了AngularJs $parse、$eval和$observe、$watch的相關(guān)資料,需要的朋友可以參考下2016-09-09angularjs結(jié)合html5實(shí)現(xiàn)拖拽功能
本篇文章給大家分享了angularjs結(jié)合html5實(shí)現(xiàn)拖拽功能的方法以及代碼實(shí)例,有興趣的朋友參考下。2018-06-06AngularJS初始化過(guò)程分析(引導(dǎo)程序)
這篇文章主要介紹了AngularJS初始化過(guò)程分析(引導(dǎo)程序),這一節(jié)解釋了AngularJS初始化的過(guò)程,以及需要的時(shí)候你該如何修改AngularJS的初始化,需要的朋友可以參考下2014-12-12Angular6 用戶(hù)自定義標(biāo)簽開(kāi)發(fā)的實(shí)現(xiàn)方法
這篇文章主要介紹了Angular6 用戶(hù)自定義標(biāo)簽開(kāi)發(fā)的實(shí)現(xiàn)方法,下面我們就通過(guò)一個(gè)簡(jiǎn)單的例子演示Angular6中的這一新功能,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,需要的朋友可以參考下2019-01-01利用Angular.js編寫(xiě)公共提示模塊的方法教程
最近工作中會(huì)經(jīng)常遇到一些公用提示,使用框架自帶很多時(shí)候不方便所以便自己編寫(xiě)了一個(gè)公共提示模塊,下面這篇文章主要介紹了利用Angular.js編寫(xiě)公共提示模塊的方法教程,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-05-05詳解Angular Forms中自定義ngModel綁定值的方式
在A(yíng)ngular應(yīng)用中有兩種方式來(lái)實(shí)現(xiàn)表單綁定,但是對(duì)于一些特殊的表單控件沒(méi)法實(shí)現(xiàn),這篇文章主要介紹了詳解Angular Forms中自定義ngModel綁定值的方式,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12