angularjs - navigationend - router events subscribe angular 4

AngularJS, resolver y proveedor desconocido.

Question

Tengo dos rutas con resolución. Va así:

.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
                }]
            }
        })

Entonces tengo dos controladores trabajando así:

 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) {...}

¿Alguien podría explicar por qué funciona Bar, pero Foo me da Error: Unknown provider: foo_listProvider <- foo_list ? He intentado reemplazar foo_list con un nombre diferente en caso de que camelCasing haya hecho algo pero no haya ayudado.

Answer 1

Entonces, esta pregunta fue sorprendentemente similar a la mía, que acabo de descubrir con la ayuda de la gente en el canal IRC Angular ... ¿está usted, por casualidad, configurando su controlador a través del controlador ng-controller ? Tuve:

    <div ng-controller="myCtrl">

... cuando debería haber sido eliminado:

    <div>

... porque estaba configurando el controlador en la resolución del enrutador. Eso es lo que estaba haciendo y estaba causando este mismo problema. Puedes ver más aquí:

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

Answer 2

Solo como un aviso, tuve un problema similar que fue causado al agregar las variables de resolución como una dependencia al controlador y aún no he configurado la función de respuesta en $stateProvider.state() todavía.

Añadiendo la función de resolución arreglamos la dependencia faltante.
(Todavía no entiendo por qué, me alegraría si alguien pudiera compartir su conocimiento en los comentarios)

Answer 3

foo_list <: ¿se está cargando el archivo js para esto en su página html en una etiqueta de script? Es posible que cuando olvide incluir fábrica / servicio / controlador y en realidad haya olvidado incluirlo en una etiqueta de secuencia de comandos en la página html índice / aplicación (o requiera cuñas).

De acuerdo, vimos tu comentario y extendí la respuesta aquí porque es más fácil hacerlo aquí.

Su código donde declara que el controlador debe leer como

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

cuando la ruta cambia, las cosas que usted menciona en ''resolver'' se resolverían con ui-router. Pero es el lugar donde está declarando su FoosCtrl en el que no tiene un proveedor que resolver.

Inténtalo, tuve un caso similar como este la semana pasada.