angular.js - angularJs使用iframe,網(wǎng)頁(yè)內(nèi)容自適應(yīng)的問題
問題描述
如上圖,本頁(yè)面(/wx_app/#/doraemo)移動(dòng)端的輪播圖,點(diǎn)擊相應(yīng)的頁(yè)面會(huì)跳轉(zhuǎn)至另外一個(gè)頁(yè)面(/wx_app/#/banner),在banner這個(gè)頁(yè)面使用iframe標(biāo)簽做的,src的鏈接為跨域的鏈接。現(xiàn)在問題是:1.如果我在輪播圖頁(yè)面直接用a超鏈接跳轉(zhuǎn)過去,頁(yè)面寬高是按比例自適應(yīng)縮放,但不是我想要的 2.我使用路由跳轉(zhuǎn)
用第二種方式呈現(xiàn)的就是如上圖,寬高不自動(dòng)縮放,src的鏈接均為PC的鏈接,html頁(yè)面如下:
<iframe ng-src='http://www.aoyou183.cn/wenda/{{banner}}' frameborder='0' height='100%'></iframe>//html $scope.banner = $sce.trustAsResourceUrl(localStorage.getItem(’bannerUrl’))//js代碼
我想的是用第二種方式,但是寬高該怎樣按比例縮放?另外js代碼里面如果不用$sce.trustAsResourceUrl()這個(gè)會(huì)報(bào)錯(cuò)。我之前用iframe鏈接同源文件是可以正常顯示的
問題解答
回答1:ng還是少用iframe吧
