angularjs – 在$routeProvider中使用解析导致’Unknown provide

我正在尝试一个异步http请求，在我的应用程序加载之前加载一些数据，所以我在$ routeProvider中使用一个解决方案，这是我的MainController中的一个http请求。由于某些原因，我不断收到错误：[$ inject：unpr]未知提供者：appDataProvider< - appData其中appData是我做我的http请求。我使用AngularJS v 1.2.5。 这里是我尝试的代码和两个方法，都给出相同的错误： 方法#1 MainController.js

var MainController = ['$scope','$location','appData',function($scope,$location,appData){
       console.log(appData.data);
    }
];

MainController.loadData = {
    appData: function($http,MainFactory){
        var aid = MainFactory.extractAid($location);
        return $http({method: 'GET',url: URL_CONST + aid});
    }
};

app.js

var app = angular.module('HAY',['ngRoute']);

app.config(function($routeProvider) {
  $routeProvider
    .when('/',{
      redirectTo: '/pages/alerts'
    })
    .when('/pages/:pageName',{
        templateUrl: function(params) {
            return 'views/pages/' + params.pageName + '.html';
        },controller: MainController,resolve: MainController.loadData
    })
    .otherwise({
        redirectTo: '/pages/alerts'
    });
});

我尝试更改名称，以防它是一个冲突的系统保留关键字，但没有运气。由于某种原因，appData从不被识别

方法#2
我也试过改变它像这样：

app.js

var app = angular.module('HEY',resolve: {
                appData: ['$http','MainFactory',function($http,MainFactory) {
                    var aid = MainFactory.extractAid($location);
                    return $http({method: 'GET',url: URL_CONST + aid});
                }]
        }
    })
    .otherwise({
        redirectTo: '/pages/alerts'
    });
});

MainController.js

var MainController = ['$scope',appData){
        console.log(resolvedData);
    }
];

但是结果完全一样。这是否与角1.2.5有关？

这是一个来自别人的工作版本

http://mhevery.github.io/angular-phonecat/app/#/phones

这里是代码：

function PhoneListCtrl($scope,phones) {
  $scope.phones = phones;
  $scope.orderProp = 'age';
}

PhoneListCtrl.resolve = {
  phones: function(Phone) {
    return Phone.query();
  },delay: function($q,$defer) {
    var delay = $q.defer();
    $defer(delay.resolve,1000);
    return delay.promise;
  }
}

angular.module('phonecat',['phonecatFilters','phonecatServices','phonecatDirectives']).
  config(['$routeProvider',function($routeProvider) {
    $routeProvider.
        when('/phones',{templateUrl: 'partials/phone-list.html',controller: PhoneListCtrl,resolve: PhoneListCtrl.resolve}).
        otherwise({redirectTo: '/phones'});
  }]);

解：

问题不在于以前使用不同版本的AngularJS。

以下是使用上述代码的修复程序。

>在app.js中，您需要将控制器声明为控制器：
‘MainController’和NOT作为控制器：MainController甚至
虽然你有var MainController = app.controller(‘MainController’，
….)。
>第二个也是最大的事情是在我的index.html中我宣布了我的
控制器已经如此：

的index.html

body ng-app =“HEY”controller =“MainController”/ body

这是导致整个未知的提供程序错误显然，角度不会告诉你，你已经声明了您正在使用的控制器来解决它，这将导致一个奇怪的错误与解决无关。

我希望这可以帮助有可能有同样问题的人。