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