注入清理依赖项时出现错误[$ injector：unpr]

Question

我试图使用progressBar从AngularUIBootstrap 。

我有一个objectFactory.js文件：

(function () {
    var objectiveFactory = function ($http, animate) {
        debugger;
        return {
            getObjectives: function () {                
                return $http.get('/api/Objective/');
            }
        };

    };
    debugger;
    try {
        //objectiveFactory.$inject = ['$http', '$animate', '$sanitize'];// error
        objectiveFactory.$inject = ['$http', '$animate'];// no error
        angular.module('app', []).factory('objectiveFactory', objectiveFactory);
    }
    catch (e)
    {}    
}());

确实很奇怪，但是如果我添加新的依赖项$sanitize ：

objectiveFactory.$inject = ['$http', '$animate', '$sanitize'];// not working

然后我有一个错误：

angular.js：13920错误：[$ injector：unpr] http://errors.angularjs.org/1.5.8/ $ injector / unpr？p0 = sanitizeProvider％20％3C-％20sanitize％20％3C-％20objectiveController at Object.d中http：// localhost：15533 / Scripts / angular.min.js：6：412处的错误（本机）（ http.// localhost:15533/Scripts/angular.min.js:43:174 [as得到]

但是'$http'和'$animate',注入非常有效。

我探索了很多信息，并在我的Web API应用程序中仔细检查了以下建议：

1. 我已经检查了angular'js文件和angular-sanitize.js版本，它们是相同的1.5.8 。

2. 我的捆绑包文件如下所示：

     bundles.Add(new ScriptBundle("~/bundles/angularjs").Include( "~/Scripts/jquery-1.10.2.min.js", "~/Scripts/bootstrap.min.js", "~/Scripts/angular.min.js", "~/Scripts/angular-animate.min.js", "~/Scripts/angular-sanitize.min.js", "~/Scripts/ui-bootstrap-tpls-2.1.3.js", "~/Scripts/objectiveFactory.js", "~/Scripts/objective.js" )); 

3. 我尝试了多种注入方式：

    objectiveController.$inject = ['$scope', '$http', 'objectiveFactory', '$animate', 'ngSanitize']; objectiveController.$inject = ['$scope', '$http', 'objectiveFactory', '$animate', '$sanitize']; objectiveController.$inject = ['$scope', '$http', 'objectiveFactory', '$animate', 'sanitize']; 

但是，错误是相同的：

angular.js：13920错误：[$ injector：unpr]未知提供程序：

有人知道我做错了吗？ （ '$http'注入非常有效）

Answer 1

将ngSanitize注入您的主模块以与$ sanitize一起使用 ...

您还需要为$ animate做同样的事情，注入ngAnimate