angular.js - angularJs使用iframe,网页内容自适应的问题
怪我咯
怪我咯 2017-05-15 17:09:06
0
1
520

如上图,本页面(/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吧

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板