Использование разрешения в $routeProvider вызывает «Неизвестный поставщик»

Вот пример кода, который я использовал в приложении, над которым я работаю, не уверен, что он сильно поможет, потому что он не сильно отличается от того, как он у вас уже есть.

Маршрутизация

.when('/view/proposal/:id',{
    controller : 'viewProposalCtrl',
    templateURL : 'tmpls/get/proposal/view',
    resolve : viewProposalCtrl.resolveViewProposal
})

Контроллер

var viewProposalCtrl = angular.module('proposal.controllers')
    .controller('viewProposalCtrl',['$scope','contacts','details','rationale',
        function($scope,contacts,details,rationale){
            $scope.contacts = contacts;
            $scope.details = details;
            $scope.rationale = rationale;

            // [ REST OF CONTROLLER CODE ]
        });


// proposalSrv is a factory service

viewProposalCtrl.resolveViewProposal = {
    contacts : ['$route','proposalSrv',function($route,proposalSrv){
        return proposalSrv.get('Contacts',$route.current.params.id)
           .then(function(data){
               return data.data.contacts;
           },function(){
               return [];
           });
    }],
    details : ['$route','proposalSrv',function($route,proposalSrv){
        return proposalSrv.get('Details',$route.current.params.id)
            .then(function(data){
                return data.data.details;
            },function(){
                return {};
            });
    }],
    rationale : ['$route','proposalSrv',function($route,proposalSrv){
        return proposalSrv.get('Rationale',$route.current.params.id)
            .then(function(data){
                return data.data.rationale;
            },function(){
                return {};
            ]
    }]
};

Теперь, когда я думаю об этом, когда я разрабатывал свое приложение, у меня действительно была проблема, и я не знаю, почему, когда я назвал свою функцию разрешения «разрешить». Это вызвало у меня проблему:

.when('/path',{
     // stuff here
     resolve : myCtrlr.resolve
})

но этого не произошло:

.when('/path',{
     //stuff here
     resolve : myCtrlr.myResolveFn
})

Другая возможность

Единственная другая вещь, о которой я могу думать, это то, что вы возвращаете обещание из вызова $http, а затем пытаетесь использовать appData.data Попробуйте использовать функцию .then или одну из других функций (.success,.error) для получения информации из обещания.

Проблема была НЕ из-за того, что ранее использовалась другая версия AngularJS.

Вот исправления с использованием кода, который у меня есть выше.

В app.js вам нужно объявить контроллер как controller: 'MainController', а НЕ как контроллер: MainController, даже если у вас есть var MainController = app.controller('MainController', ....) .

Вторая и самая важная вещь заключалась в том, что в моем index.html я уже объявил свой контроллер так:

index.html

body ng-app="HEY" контроллер="MainController" /тело

Это вызывало всю ошибку неизвестного провайдера. По-видимому, angular не скажет вам, что вы уже объявили контроллер, который используете для его разрешения, и что это вызовет странную ошибку, которая не имеет ничего общего с разрешением.

Я надеюсь, что это поможет кому-то, у кого может быть такая же проблема.

Одна вещь, которую я заметил в документах angular 1x, заключается в том, что ВЫ НЕ УКАЗЫВАЕТЕ РАЗРЕШЕННЫЙ ПАРАМЕТР КАК АННОТИРОВАННУЮ ЗАВИСИМОСТЬ

Итак, это:

.when('/somewhere', {
  template: '<some-component></some-component>',
  resolve: {
    resolvedFromRouter: () => someService.fetch()
  }
})

export default [
  '$scope',
  'someService',
  'resolvedFromRouter'
  Controller
]

function Controller($scope, someService, resolvedFromRouter) {
  // <= unknown provider "resolvedFromRouter"
}

неправильно. Вы не указываете разрешенный параметр как зависимость в документах:

Для упрощения доступа к разрешенным зависимостям из шаблона карта разрешения будет доступна в области маршрута, в разделе $resolve (по умолчанию) или с помощью пользовательского имени, указанного в свойстве resolveAs (см. ниже). Это может быть особенно полезно при работе с компонентами в качестве шаблонов маршрутов.

Так что просто сделайте это вместо этого:

.when('/somewhere', {
  template: '<some-component></some-component>',
  resolve: {
    resolvedFromRouter: () => someService.fetch()
  }
})

export default [
  '$scope',
  'someService',
  Controller
]

function Controller($scope, someService) {
  $scope.$resolve.resolvedFromRouter; // <= injected here
}