angular中iframe的ng-src屬性

如果直接寫路徑到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>