angularjs 中的iframe 標籤 ng-src 路徑

動態添加iframe 的src 

動態加載src 可以讓其同時只加載一個iframe 減少請求

　　解決方法：

1、ng裏面有個屬性是專門用來解決跨域問題的 $sce

　　用法：

$scope.someUrl = $sce.trustAsResourceUrl('路徑');
例：

<ul class="nav nav-tabs" ng-repeat="item in [1,2,3,4]">  
         <iframe ng-src="{{someUrl}}" height="100%" width="100%"></iframe>                    
</ul>

2、可以巧用上面方法寫一個過濾器。

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

<ul class="nav nav-tabs" ng-repeat="item in [1,2,3,4]">  
         <iframe ng-src="{{someUrl ｜trustAsResourceUrl }}" height="100%" width="100%"></iframe>                    
</ul>