AngularJS, resolver e provider sconosciuto

Question

Ho due percorsi con risoluzione. Va in questo modo:

.when('/foos', { 
templateUrl: 'views/foos.html', 
controller: 'FoosCtrl', 
resolve: { 
    foo_list: ['$q', '$route', '$timeout', '$location', 'Foos', function($q, $route, $timeout, $location, Foos) { 
     // postpone the execution 
     var deferred_foo = $q.defer() 

     Foos.getFoos({token:session_uid}, successCb) 

     function successCb(list) { 
      if(list['status'] === 200) { 
       deferred_foo.resolve(list) 
      } 
      else { 
       alert('Crashcrashcrash') 
       deferred_foo.reject("Something just wasn't right") 
       //$location.path('maintenance') 
      } 
     } 
     return deferred_foo.promise 
     }] 
    } 
}) 
.when('/r/:type/:bar_id', { 
    templateUrl: 'views/bar.html', 
    controller: 'BarsCtrl', 
    resolve: { 
     bar: ['$q', '$route', '$timeout', '$location', 'Bars', function($q, $route, $timeout, $location, Bars) { 
      // postpone the execution 
      var deferred = $q.defer() 

      Bars.getBar({type: bar_type}, successCb)  

      function successCb(result) { 
       if(result['status'] === 200) { 
        deferred.resolve(result)  
       } 
       else { 
        alert('Crashcrashcrash') 
        deferred.reject("Something just wasn't right") 
        $location.path('foos') 
       } 

       return deferred.promise 
       }] 
      } 
     }) 

allora ho due controller a lavorare in questo modo:

App.controller('FoosCtrl', ['$scope', '$location', 'Foos', 'foo_list', function($scope, $location, Foos, foo_list) {...} 

App.controller('BarsCtrl', ['$scope', '$routeParams', '$location', 'Bars', 'bar', 'sharedService', function($scope, $routeParams, $location, Bars, bar, sharedService) {...} 

Qualcuno potrebbe spiegare perché le opere Bar ma Foo mi dà Error: Unknown provider: foo_listProvider <- foo_list? Ho provato a sostituire foo_list con un nome diverso nel caso in cui CamelCasing abbia fatto qualcosa, ma non ha aiutato.

Answer 1

foo_list < - il file js per questo viene caricato nella pagina html in un tag script? potrebbe semplicemente accadere che quando hai dimenticato di includere factory/service/controller e in realtà abbia dimenticato di includerlo in un tag script nella pagina index/app html (o richiedere shim)

Okay ho appena visto il tuo commento e estendendo qui la risposta perché è più facile farlo qui.

codice in cui si dichiara il controllore deve leggere come

App.controller('FoosCtrl', 
    ['$scope', '$location', 'Foos', /* comment out foo_list here*/ 
    function($scope, $location, Foos, foo_list /* this remains */) { 
    ... 
} 

quando il percorso è sempre cambiato le cose di cui parli a 'risolvere' otterrebbe risolto con ui-router. Ma è il luogo in cui stai dichiarando il tuo FoosCtrl che in realtà non hai un provider da risolvere.

Fare questo a prova ho avuto un caso simile come questo la scorsa settimana.

Answer 2

Quindi, questa domanda era sorprendentemente simile alla mia, che ho appena scoperto con l'aiuto dei ragazzi del canale IRC Angolare ... sei, per caso, impostato il tuo controller tramite ng-controller? Ho avuto:

<div ng-controller="myCtrl"> 

... quando dovrebbe essere stato rimosso:

<div> 

... perché stavo installando il controller nella determinazione sul router. Questo è quello che stavo facendo e stava causando questo problema. Si può vedere di più qui:

https://stackoverflow.com/a/18305423/1306982

Answer 3

Proprio come un testa a testa, ho appena avuto un problema simile che è stato causato aggiungendo la volontà-variabili come una dipendenza al controllore pur non avendo istituito il funciton risposta nel $stateProvider.state() ancora.

aggiungendo la funzione di determinazione fissata la dipendenza mancante
(io ancora non riesce quasi mai perché - sarei felice se qualcuno potesse condividere la sua conoscenza nei commenti)