angular.injector（[「MODULENAME」]）獲得（「名稱」）適用於工廠，而不是對服務

Question

我使用require.js模塊化的代碼，並獲得以下錯誤：

angular.js:68 Uncaught Error: [$injector:unpr] Unknown provider: $filterProvider <- $filter <- srvcConverter 

這裏是服務模塊：

define('services/converter', ['angular'], function(angular) { 

    var moduleName = 'mdlConverter', 

    angular.module(moduleName, []).service('srvcConverter', ['$filter', function($filter) { 
     this.formatDateTime = function(value) { 
      if (value) { 
       return $filter('date')(new Date(value), 'medium'); 
      } 
     }; 
    }]); 
    return moduleName; 
}); 

和這裏是出廠模塊：

define('factories/utils', ['angular', 'factories/validator'], function(angular, fcValidator) { 

    var moduleName = 'mdlUtils'; 

    angular.module(moduleName, [fcValidator]).factory("fctrUtils", ['fctrValidator', function(fctrValidator) { 

     return { 
      'capitalize' : function(str) { 
       return typeof str === 'string' && str.length ? (str.charAt(0).toUpperCase() + str.slice(1)) : str; 
      } 
     }; 
    }]); 
    return moduleName; 
}); 

和下方一個呼叫者模塊：

define(['app', 'services/converter', 'factories/utils'], function(app, converterService, utils) { 

    var utils = angular.injector([utils]).get('fctrUtils'); // This works fine. 
    var converter = angular.injector([converterService]).get('srvcConverter'); // This throws mentioned error 

    function TableController($scope) { 
     $scope.draw = function() {} 
    } 
    app.register.controller('TableController', TableController); 

    return TableController; 
}); 

Answer 1

'$ filter'依賴性導致了問題。

只需將'ng'作爲模塊依賴關係解決了問題。

angular.module(moduleName, ['ng']).service('srvcConverter', ['$filter', function($filter) { 

}]);