ejemplos - angularjs pdf
Error:[$ injector: unpr] Proveedor desconocido: $ routeProvider (2)
Estoy intentando poner en marcha una aplicación AngularJS 1.2 RC2. Actualmente, he estado usando el proyecto Angular Seed para intentar poner en marcha mi aplicación. Desafortunadamente, el proyecto Angular Seed usa v1.0.7. Del proyecto Angular Seed, he actualizado las dependencias para que sean las siguientes:
$script([
''res/js/angular-1.2.0-rc.2.js'',
''res/js/angular-route-1.2.0-rc.2.js'',
''res/js/app.js?v=2'',
], function() {
// when all is done, execute bootstrap angular application
angular.bootstrap(document, [''myApp'']);
});
En app.js, tengo lo siguiente:
''use strict'';
angular.module(''myApp'', []).
config([''$routeProvider'', function($routeProvider) {
$routeProvider.otherwise({redirectTo: ''/home''});
}]);
Cuando ejecuto esta aplicación, aparece el siguiente error:
Error: [$injector:unpr] Unknown provider: $routeProvider
He leído algunas de las otras respuestas que dicen cosas como 1) Inyectar ''ngroute'' o 2) Necesitas definir el controlador en la ruta. Mi problema es que no entiendo cómo inyectar ngroute. Además, ¿realmente necesito definir el controlador en la ruta? Ese enfoque no parece escalable. Mi aplicación puede tener mil vistas. En mi opinión, parece que tiene que haber forma de definir rutas sin tener que cargar todos los controladores.
En angular 1.4 +, además de agregar la dependencia
angular.module(''myApp'', [''ngRoute''])
, también necesitamos hacer referencia al archivo angular-route.js separado
<script src="angular.js">
<script src="angular-route.js">
Parece que olvidó incluir el módulo ngRoute en su dependencia de myApp.
En Angular 1.2, han hecho que ngRoute sea opcional (para que pueda usar proveedores de rutas de terceros, etc.) y tiene que depender explícitamente de él en los módulos, junto con https://docs.angularjs.org/api/ngRoute .
''use strict'';
angular.module(''myApp'', [''ngRoute'']).
config([''$routeProvider'', function($routeProvider) {
$routeProvider.otherwise({redirectTo: ''/home''});
}]);