$ sce.trustAsResourceUrl()全局

Question

我该怎么做这样的事情: $sce.trustAsResourceUrl('URL_HERE');

在全球范围内,就像在主应用程序config()或run()函数中一样,任何iFrame,img src等都URL_HERE可以使用吗？

文档在解释这一点时相当差.

Answer 1

你可以使用过滤器.这些在全球范围内可用

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

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

Answer 2

我刚从前一个答案中读到你的评论.不确定你是否找到了解决方案.看起来你正在寻找一种白名单式的东西.我最近发现这有$ sce的白名单功能.

取自$ SceDelegateProvider的AngularJS文档:

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中进行字符串插值:

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

Answer 3

我也喜欢过滤器解决方案; 然而,在我正确注入$ sce之前,它对我不起作用...

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