javascript - not - AngularJs ReferenceError: angular no está definido

angular js

Question

Intento agregar un filtro personalizado, pero si uso el siguiente código:

angular.module(''myApp'',[]).filter(''startFrom'', function() {
    return function(input, start) {
        start = +start; //parse to int
        return input.slice(start);
    }
});

Pero si lo hago, me sale: "ReferenceError: angular no está definido" en firebug.

El resto de la aplicación funciona bien, estoy usando ng-app en una etiqueta div no en la etiqueta html, y https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js

Answer 1

Bueno, en la forma en que esta es una aplicación de una sola página, la solución utilizada fue:

carga el contenido con AJAX, como cualquier otro controlador, y luego llama:

angular.bootstrap($(''#your_div_loaded_in_ajax''),["myApp","other_module"]);

Answer 2

Como @bmleite ya se mencionó en los comentarios, probablemente olvidó cargar angular.js.

Si creo un violín con directivas angulares en él, pero no incluyo angular.js, aparece exactamente el mismo error en la consola de Chrome: No se detectó el error de Uncaught ReferenceError: angular is not defined

Answer 3

Creo que esto sucederá si usas ''aplazar asíncrono'' para (el archivo que contiene el filtro) mientras trabajas con angularjs:

<script src="js/filter.js" type="text/javascript" async defer></script>

Si lo hace, simplemente elimine ''aplazar asíncrono''.

Answer 4

Debe colocar primero la línea angular de inclusión, antes de incluir cualquier otro archivo js

Answer 5

En caso de que esté utilizando rieles y la gema de rieles angulares, el problema se puede corregir fácilmente agregando esta línea faltante a application.js (o lo que sea aplicable en su situación):

//= require angular-resource

Answer 6

Me encontré con esto porque hice una copia y pegado de ngBoilerplate en mi proyecto en una Mac sin Finder mostrando archivos ocultos. Así que .bower no se copió con el resto de ngBoilerplate. Por lo tanto, Bower movió los recursos a Bower_components (defult) en lugar de proveedor (como se configuró) y mi aplicación no se puso angulosa Probablemente sea un caso de esquina, pero podría ayudar a alguien aquí.

Answer 7

Me enfrenté a un problema similar debido a referencias locales vs remotas

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script>
<script src="lib/js/ui-grid/3.0.7/ui-grid.js"></script>

Como ui-grid.js depende de angular.js, ui-grid requiere angular.js en el momento en que se carga. Pero en el caso anterior, ui-grid.js [archivo de referencia guardado localmente] se carga antes de que se cargue angularjs [desde Internet],

El problema se resolvió si tenía una referencia local de angular.js y ui-grid y también declaraba angular.js antes de ui-grid

<script src="lib/js/angularjs/1.4.3/angular.js"></script>
<script src="lib/js/ui-grid/3.0.7/ui-grid.js"></script>

Answer 8

Si ha descargado el archivo angular.js de Google, debe asegurarse de que Todos tengan acceso de Lectura a él, o no será cargado por su archivo HTML. De forma predeterminada, parece que se descarga sin permisos de acceso , por lo que también recibirá un mensaje como:

GET http://localhost/myApp/js/angular.js

¡Esto me enloqueció durante media hora!

Answer 9

Siempre asegúrese de que el archivo js (angular.min.js) esté referenciado primero en el archivo HTML. Por ejemplo:

----------------- Esta referencia LANZARÁ error -------------------------

< script src="otherXYZ.js"></script>
< script src="angular.min.js"></script>

----------------- Esta referencia FUNCIONARÁ como se espera -------------------

< script src="angular.min.js"></script>
< script src="otherXYZ.js"></script>