$ sce.trustAsResourceUrl() глобально

Question

Как я могу сделать что-то вроде этого: $sce.trustAsResourceUrl('URL_HERE');

Глобально, как в config() или run() функций основного приложения, так что любые плавающие фреймы, IMG SRC и т.д., которые URL_HERE будет работать?

Документы довольно бедны, объясняя это.

Answer 1

Я просто прочитал ваш комментарий из предыдущего ответа. Не уверен, что вы нашли решение. Кажется, вы ищете тип белого списка. Недавно я выяснил, что для $ sce есть функция whitelist.

Взятые из AngularJS docs for $sceDelegateProvider:

angular.module('myApp', []).config(function($sceDelegateProvider) { 
$sceDelegateProvider.resourceUrlWhitelist([ 
    // Allow same origin resource loads. 
    'self', 
    // Allow loading from our assets domain. Notice the difference between * and **. 
    'http://srv*.assets.example.com/**']); 
}) 

При этом вы можете сделать интерполяцию строки в этом фреймов, как:

<iframe ng-src="{{ 'http://srv1.assets.example.com/' + url_asset }}"></iframe> 

Answer 2

Вы можете использовать фильтр. Они доступны по всему миру.

angular.module('myApp') 
    .filter('trustUrl', function ($sce) { 
    return function(url) { 
     return $sce.trustAsResourceUrl(url); 
    }; 
    }); 

<img ng-src={{ imageHref | trustUrl }}"> 

Answer 3

Я также любил решение фильтра; Однако, это не работает для меня, пока я не впрыскивается $ SCE правильно ...

app.filter('trustUrl', ['$sce', function ($sce) { 
    return function(url) { 
    return $sce.trustAsResourceUrl(url); 
    }; 
}]); 

Answer 4

я использую для моих видео, хранящиеся на файловой системе:

app.config([ 
    '$sceDelegateProvider', 
    function($sceDelegateProvider) 
    { 
     $sceDelegateProvider.resourceUrlWhitelist(['self','filesystem:**']); 
    } 
]);