angular中iframe的ng-src属性

标签：module   resource   rust   iframe   标签   过滤器   res   也会   跨域问题   

如果直接写路径到iframe标签里的ng-src中会出现报错；如果在src属性中用了{{path}}也会出错  （$scope.path = ‘路径‘）;

　　解决方法：

1、ng里面有个服务是专门用来解决跨域问题的 $sce。（需要注入这个服务）

　　用法：

$scope.someUrl = $sce.trustAsResourceUrl(‘路径‘);
例：

<iframe ng-src="{{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="{{someUrl ｜trustAsResourceUrl }}" height="100%" width="100%"></iframe>                    

angular中iframe的ng-src属性

标签：module   resource   rust   iframe   标签   过滤器   res   也会   跨域问题   

原文地址：http://www.cnblogs.com/cutone/p/6645339.html