$ sceの$ sceProvider機能を使用する

Question

角度のある文書からは、$sceDelegateProvider.resourceUrlWhitelistが信頼できるリソースURLを設定できると言われていますが、コントローラからその機能が必要です。

サービス内で信頼できるリソースURLのホワイトリストを設定したいとします。

：したがって、私は唯一の私は、この例を実装しようとしていたし、それは私にエラー（ 「：危険な は安全/信頼された値が必要$のSCE」）を引き起こした。..プロバイダ

を$sceサービスを使用することはできないのです

this.renderUrl = this.$sce.getTrustedUrl(${this.baseUrl}）+ `/x/y/?name=${this.name};

次にHTMLにrenderUrlを注入：それは、信頼できるリソースURLのwhitlistに追加されますので、$sceサービスから信頼されたリソースのURLを設定する方法は、

<iframe ng-src="{{$ctrl.renderUrl}}"></iframe> 

ありますか？

Answer 1

フィルタの作成：

あなたのサービスで

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

：

：あなたはこのように使用することができ、テンプレートで

app.controller("myCtrl", function($scope,trustUrlService) { 
    $scope.url = trustUrlService.trustUrl(url); 
}); 

：コントローラで

// Injecting Filter in Service 
app.service('trustUrlService', function ($scope,$filter) { 

    $scope.trustUrl = function(url){ 
    return $filter('trusturl')(url); 
    }; 

}); 

は次のように使用します

<iframe ng-src={{ imageHref | trusturl }}" />