首页 > 代码库 > angular中iframe的ng-src属性
angular中iframe的ng-src属性
如果直接写路径到iframe标签里的ng-src中会出现报错;如果在src属性中用了{{path}}也会出错 ($scope.path = ‘路径‘);
解决方法:
1、ng里面有个服务是专门用来解决跨域问题的 $sce。(需要注入这个服务)
用法:
$scope.someUrl = $sce.trustAsResourceUrl(‘路径‘);
例:
<iframe ng-src="http://www.mamicode.com/{{someUrl}}" height="100%" width="100%"></iframe>
2、可以巧用上面方法写一个过滤器。
angular.module(‘filters-module‘, [])
.filter(‘trustAsResourceUrl‘, [‘$sce‘, function($sce) {
return function(val) {
return $sce.trustAsResourceUrl(val);
};
}])
例:
<iframe ng-src="http://www.mamicode.com/{{someUrl |trustAsResourceUrl }}" height="100%" width="100%"></iframe>
angular中iframe的ng-src属性
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。