Quelle est la cause pour “angulaire n'est pas défini”

Je suis en suivant les tutoriels vidéo sur tête d'oeuf.io mais tout en essayant de suivre son exemple quand il a créé une usine (voir la vidéo ici), je reçois des "angulaire n'est pas défini" Erreur de Référence, mais j'ai inclus l'angle de script

C'est ma page html:

<!DOCTYPE html>
<html>
    <head>
    <title>Prototype</title>
    <link rel="stylesheet" type="text/css" href="foundation.min.css">
    <script type="text/javascript" src="main.js"></script>
    </head>
    <body>

    <div data-ng-app="">

        <div data-ng-controller="FirstController">
            <input type="text" data-ng-model="data.message">
            <h1>{{ data.message }}</h1>
        </div>



        <div data-ng-controller="SecondController">
            <input type="text" data-ng-model="data.message">
            <h1>{{ data.message }}</h1>
        </div>


    </div>
    <script type="text/javascript" src="angular.min.js"></script>
    </body>
</html>

et c'est mon fichier javascript "main.js":

//Services
    //step 1 create an app                             
    var myApp = angular.module('Data', []).
    //tep 2 create factory
                //Service name, function
    myApp.factory('Data', function(){
        return { message: "I'm Data from a Service" }
    });



//Controllers
    function FirstController($scope, Data){
        $scope.data = Data;
    }

    function SecondController($scope){

    }

J'ai lu quelques postes similaires se produisent (ici) et s'il vous plaît corrigez-moi si je me trompe, mais je pense que c'est à faire avec le Démarrage de cerclage andI ont essayé manuellement amorçage à l'aide de angular.bootstrap(document, ['Data']); mais sans succès, toujours obtenir la même erreur.

Mais Ce que je veux savoir, c'est Pourquoi cela fonctionne pour de nombreux exemples en ligne, comme la tête d'oeuf vidéo de la série, mais j'ai des questions que je crois que j'ai suivi sa vidéo de très près. est-ce un changement angulaire dans les dernières versions?

InformationsquelleAutor jonnie | 2013-08-04
  1. 96

    Vous devez mettre votre balise de script après celui qui fait référence Angulaire. Déplacez-le head:

    <script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="main.js"></script>

    La façon dont vous avez configuré maintenant, votre script s'exécute avant Angulaire est chargé sur la page.

    • Je vous remercie, une stupide erreur de ma part beaucoup apprécié , je vais à l'exception de votre réponse une fois qu'il me permet de
    • J'ai rencontré le même problème. Elle est causée par tête d'oeuf dans une vidéo avoir l'angular.min.js défini au bas de la page, puis dans une autre vidéo, il est déplacé à l'en-tête en haut de la où main.js est défini.
    • La mienne était une stupide erreur. Je n'ai pas de lien pour le angular.js fichier sur le fichier html. J'ai eu le même message d'erreur.
    • Il fonctionne..Merci
    InformationsquelleAutor Joseph Silber
  2. 1

    J'ai eu le même problème que feinte. J'ai oublié d'inclure le plus important de script: angular.js 🙂 

    <script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
    InformationsquelleAutor JohnyWind
  3. 0

    Vous n'avez pas placé les balises de script pour angular js

    vous pouvez le faire via un cdn ou de télécharger le angularjs pour votre projet, puis de référencement, il

    après cela, vous devez ajouter votre propre script java dans votre cas main.js

    qui devrait faire

    • Vous n'avez pas essayez de faire cela, avez-vous?
    • désolé mec de mon mauvais que j'ai manqué le dernier <script> tag 😛 ne Serait-il pas mieux si nous gardons nos balises de script ensemble(en gardant les balises de script au début et à la fin aussi) . soit de les garder dans le haut ou le bas , de son mieux pour garder dans le fond car cela va d'abord laisser votre chargement de la page et ensuite tous vos scripts à charger.
    InformationsquelleAutor Anshul Bisht