angularjs 中的iframe ng-src取值失败的解决方法

问题:项目中遇到需要将url的值赋到iframe的src属性上,一直报错

解决方法:

1、ng里面有个属性是专门用来解决跨域问题的 $sce。

  用法:
$scope.someUrl = $sce.trustAsResourceUrl('路径');

例:

将$sce引入控制器中


信任该URL:

vm.masUrl = $sce.trustAsResourceUrl(vm.masUrl);

iframe页面取值:


             


2、可以利用上面的方法写一个过滤器

angular.module('filters-module', [])
.filter('trustAsResourceUrl', ['$sce', function($sce) {
    return function(val) {
        return $sce.trustAsResourceUrl(val);
    };
}])
例:






本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部