未知的提供者错误

Question

我已经创建了一个如下的路由配置：

angular.module('kappa.configs',['ngRoute'])
.config(['$routeProvider',function($routeProvider){
    $routeProvider.when('/',{
        controller: 'MainCtrl',
        resolve: {
            getPlate: ['$http',function($http){
                return $http.get('samples.json');
            }]
        }
  });
}]);
angular.module('kappa.controllers',[])
.controller('MainCtrl',['$scope','$http','SamplesService','getPlate',function($scope,$http,SamplesService,getPlate){
  $scope.fullPlate = getPlate;
 // Some more code here
}]);

//Some more code
angular.module('kappa',['ngResource','ngRoute','kappa.services','kappa.controllers','kappa.configs']);

但我收到如下所示的未知提供程序错误：

 Error: [$injector:unpr] Unknown provider: getPlateProvider <- getPlate
 http://errors.angularjs.org/1.2.9/$injector/unpr?p0=getPlateProvider%20%3C-%20getPlate
 at http://code.angularjs.org/1.2.9/angular.js:78:12
 at http://code.angularjs.org/1.2.9/angular.js:3546:19
 at Object.getService [as get] (http://code.angularjs.org/1.2.9/angular.js:3673:39)
 at http://code.angularjs.org/1.2.9/angular.js:3551:45
 at getService (http://code.angularjs.org/1.2.9/angular.js:3673:39)
 at invoke (http://code.angularjs.org/1.2.9/angular.js:3700:13)
 at Object.instantiate (http://code.angularjs.org/1.2.9/angular.js:3721:23)
 at http://code.angularjs.org/1.2.9/angular.js:6772:28
 at http://code.angularjs.org/1.2.9/angular.js:6185:34
 at forEach (http://code.angularjs.org/1.2.9/angular.js:310:20) 

我被困在这里..任何帮助表示赞赏..

Answer 1

如果您尝试在除route 的上下文之外的任何地方使用控制器，例如，您将遇到这个问题。如果您的模板中某处有ng-controller="MainCtrl"，或者如果您正在使用它的另一条路线没有getPlate 解析器。

工作演示：http://plnkr.co/edit/J4thldg3aWmC9e8UAHut?p=preview

如果您在模板中的任何位置包含ng-controller="MainCtrl"，您将看到错误。