AngularJS：版本1.2.3中$ sce的'未知提供商'错误

Question

我正在使用AngularJS 1.2.3，它应该默认启用SCE服务。但是，我收到以下错误：

http://errors.angularjs.org/1.2.3/$injector/modulerr?p0=SaveApp&p1=Error: [$injector:unpr]   
http://errors.angularjs.org/1.2.3/$injector/unpr?p0=%24sce 
at Error (native)

这是我的代码：

var AwesomeApp = angular.module('AwesomeApp', ['ngCookies', 'ngSanitize', 'ngRoute', 'ui.bootstrap', 'ui.router'], function($httpProvider, $dialogProvider) {

再向下一点：

AwesomeApp.config(['$routeProvider', '$compileProvider', '$sce', function($routeProvider, $compileProvider, $sce) {

$routeProvider.
    when('/', {templateUrl: $sce.getTrustedResourceUrl(chrome.extension.getURL('app.html')),   controller: 'searchResultsController'}).
    otherwise({redirectTo: '/'});

为什么会出现未知提供商错误？

Answer 1

$sce是服务（不是提供者）

您不能将服务注入配置块仅供应商。

您可以做的是注入$sceDelegateProvider并创建白名单：

.config(function($sceDelegateProvider){

  $sceDelegateProvider.resourceUrlWhitelist(['self','http://*.url.com/**']);

})

来自$sceDelegateProvider docs的

：

  

$ sceDelegateProvider提供程序允许开发人员配置$ sceDelegate服务。这允许获取/设置用于确保用于获取Angular模板的URL是安全的白名单和黑名单。