AngularJs ReferenceError: angulaire n'est pas défini

Que j'essaie d'ajouter un filtre personnalisé, mais si j'utilise le code suivant:

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

Mais si je le fais, j'obtiens: "ReferenceError: angulaire n'est pas défini" dans firebug.

Le reste de l'application fonctionne très bien, je suis en utilisant ng-app dans une balise div pas de balise html, et https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js

  • avez-vous référencé app/js/filters.js ?
  • entendez-vous d'inclure certains angulaire fichier js ou mettre le code à l'intérieur de filter.js?
  • "Afin de créer un nouveau filtre, vous allez créer un phonecatFilters module et enregistrer votre filtre personnalisé avec ce module:" docs.angularjs.org/tutorial/step_09
  • Êtes-vous sûr que vous êtes en train de charger la angular.js script? Pouvez-vous fournir un jsfiddle avec un exemple?
  • Eh bien, finalement je me rends compte du problème. C'est une simple page avec le code existant. J'ai été injection angulaire dans un ajax partielle de la page. Si vous avez le même problème, mettre le angular.js dans la base de html et de faire de contourner avec le $scope. Des acclamations et des tks à tous.
InformationsquelleAutor FAvIo41 | 2013-01-10
  1. 46

    Vous devez mettre le comprennent angulaire de la première ligne, avant, y compris tout autre fichier js

    • car Angulaire doit charger avant de l'utiliser. Donc, si vous ne le mettez pas au sommet, une erreur de référence va se produire.
    InformationsquelleAutor Vũ Ngô
  2. 9

    Je étaient confrontés au même problème, en raison de locaux vs distance de référencement

    <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>

    Comme ui-grid.js dépend de angular.js l'interface utilisateur de la grille nécessite angular.js par le temps de son chargement. Mais dans le cas ci-dessus, ui-grid.js [enregistré localement fichier de référence] est chargé avant d'angularjs a été chargé [d'internet],

    Le problème a été résolu si j'ai eu les deux angular.js et l'interface utilisateur-réseau référencé
    localement et ainsi de déclarer angular.js avant de l'interface utilisateur-réseau

    <script src="lib/js/angularjs/1.4.3/angular.js"></script>
<script src="lib/js/ui-grid/3.0.7/ui-grid.js"></script>
    • J'ai aussi trouvé ceci pour être ma solution j'utilise "angular.min.js" et "angular-route.min.js" à partir de cdn code.angularjs.org/1.5.0 et ui-bootstrap-tpls.min.js à partir de cdnjs.cloudflare.com Lorsque en utilisant uniquement des références locales, il fonctionne comme prévu
    InformationsquelleAutor nsk
  3. 5

    Bien dans le sens que c'est une simple page de l'application, la solution retenue a été:

    charger le contenu avec l'AJAX, comme n'importe quel autre contrôleur, puis composez le:

    angular.bootstrap($('#your_div_loaded_in_ajax'),["myApp","other_module"]);
    • qu'est-ce que "other_module"?
    • un exemple d'appel d'un autre module
    InformationsquelleAutor FAvIo41
  4. 3

    Assurez-vous toujours que le fichier js (angular.min.js) est référencé en premier dans le fichier HTML. Par exemple:

    ----------------- Cette référence sera JETER erreur ------------------------- 

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

    ----------------- Cette référence sera TRAVAIL comme prévu -------------------

    < script src="angular.min.js"></script>
< script src="otherXYZ.js"></script>
    InformationsquelleAutor NagarajKaundinya
  5. 2

    Comme @bmleite déjà mentionné dans les commentaires, vous avez probablement oublié de charger angular.js.

    Si je crée un violon angulaire directives, mais n'incluent pas les angular.js j'obtiens exactement la même erreur dans la console Chromée: Uncaught ReferenceError: angular is not defined

    InformationsquelleAutor Mark Rajcok
  6. 2

    Dans le cas où vous vous seriez arriver à être à l'aide de rails et de la angulaires-gem rails alors le problème est facilement corrigé par l'ajout de cette ligne manquante à application.js (ou ce que jamais est applicable à votre situation):

    //= require angular-resource
    InformationsquelleAutor Timo
  7. 1

    J'ai couru dans la ce parce que j'ai fait un copier-coller de ngBoilerplate dans mon projet sur un Mac sans Finder montrer les fichiers cachés. Donc .bower n'a pas été copié avec le reste de ngBoilerplate. Ainsi bower déplacé de ressources pour bower_components (défaut) au lieu de vendeur (configuré) et mon application n'a pas obtenir de l'angulaire. Probablement un coin de cas, mais cela pourrait aider quelqu'un ici.

    InformationsquelleAutor Michael Bushe
  8. 0

    Je pense que ce sera le cas si vous allez utiliser "asynchrone différer" (le fichier qui contient le filtre), tout en travaillant avec angularjs:

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

    si vous le faites, il suffit de retirer "asynchrone différer".

    InformationsquelleAutor Elad Amsalem
  9. 0

    Si vous avez téléchargé l'angular.js fichier de Google, vous devez vous assurer que tout le monde a accès en Lecture, ou il ne sera pas chargé par votre fichier HTML. Par défaut, il semble à télécharger avec Pas accès autorisations, de sorte que vous obtiendrez aussi un message tel que:

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

    Cette folle moi pendant environ une demi-heure!

    InformationsquelleAutor Chris