angular.js - angularJs使用iframe,網頁內容自適應的問題
怪我咯
怪我咯 2017-05-15 17:09:06
0
1
519

如上圖,本頁面(/wx_app/#/doraemo)行動端的輪播圖,點擊對應的頁面會跳轉至另外一個頁面(/wx_app/#/banner),在banner這個頁面使用iframe標籤做的, src的連結為跨網域的連結。現在問題是:1.如果我在輪播圖頁面直接用a超連結跳轉過去,頁面寬高是按比例自適應縮放,但不是我想要的 2.我使用路由跳轉

用第二種方式呈現的就是如上圖,寬高不自動縮放,src的鏈接均為PC的鏈接,html頁面如下:

<iframe ng-src="{{banner}}" frameborder="0" width="100%" height="100%"></iframe>//html
 $scope.banner = $sce.trustAsResourceUrl(localStorage.getItem('bannerUrl'))//js代码

我想的是用第二種方式,但是寬高該怎麼按比例縮放?另外js程式碼裡面如果不用$sce.trustAsResourceUrl()這個會報錯。我之前用iframe連結同源文件是可以正常顯示的

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回覆(1)
洪涛

ng還是少用iframe吧

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板