Angularjs 中的iframe 标签 ng-src 路径 报错问题 解决办法
2020-02-02 10:25
1806 查看
Angularjs 中的iframe 标签 ng-src 路径 报错问题 解决办法
iframe中的src直接替换成ng—src不可以,需要转换一下。Angular里面有个属性是专门用来解决跨域问题的 $sce。
PS:$sce ($sce服务把一些地址变成安全的、授权的链接..)常用的方法有:
$sce.trustAs(type,name); $sce.trustAsHtml(value); $sce.trustAsUrl(value); $sce.trustAsResourceUrl(value); $sce.trustAsJs(value);
$scope.someUrl = $sce.trustAsResourceUrl('路径');
举个栗子 >>
$scope.httpsurl = $sce.trustAsResourceUrl('https://xxxx.xxxx.com/xxx/index.htm'); <iframe ng-src="{{$scope.httpsurl}}" height="100%" width="100%"></iframe>
为了使用方面,挂在过滤器里面[code]
angular.module('app', []) .filter('iframeSrc', ['$sce', function($sce) { return function(val) { return $sce.trustAsResourceUrl(val); }; }])
HTML
<iframe ng-src="{{someUrl |iframeSrc}}" height="100%" width="100%"></iframe>
< 春风十里不如"你" -- 如果我爱"你" >
转载于:https://www.cnblogs.com/saygoodnight/p/7603075.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 春风十里不如你--Angularjs 中的iframe 标签 ng-src 路径
- 关于IDEA中web应用,路径拼接不正确404问题, iframe中src路径问题,解决的办法
- 解决angularJS中input标签的ng-change事件无效问题
- 我在使用ng-src时图片加载不出来后,Chrome会自动给img标签增边框,解决办法
- img标签src使用网络地址展示图片,https。。无法显示,404 问题解决办法
- 解决spring+iframe时 iframe src的路径问题,由不安全的根目录到WEB-INF 的安全目录
- eclipse中java工程打包成jar无法找到src资源文件路径的解决办法
- Apache HTTP Server路径不支持中文字符问题的解决办法
- ThinkPHP5验证码刷新出现路径找不到的问题及解决办法
- log4j 相对路径 引出的问题及解决办法
- CEF3加载本地HTML文件时中文路径乱码的问题解决办法.
- JSP页面中使用JSTL标签出现无法解析问题解决办法
- IE里Iframe的Cookie问题解决办法总结
- IE里Iframe的Cookie问题解决办法总结(转)
- angularJS动态生成的页面中,ng-click无效解决办法
- [无法计算项元数据“%(FullPath)” 无法将项元数据“%(FullPath)”应用于路径] 问题解决办法
- IE下使用jQuery重置iframe地址时内存泄露问题解决办法
- angularjs select标签使用ng-repeat标签之后,ng-model无法更新问题解决
- Eclipse配置tomcat发布路径的问题wtpwebapps解决办法
- 关于include标签导致js路径找不到的问题分析及解决