我正在关注egghead.io上的视频教程，但是在他创建工厂时尝试遵循他的示例（参见此处的视频）时，我不断收到“角度未定义”参考错误，但我已包含了角度脚本
这是我的 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>
这是我的 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){
}
我已经阅读了一些类似发生的帖子（这里），如果我错了，请纠正我，但我认为这与引导捆绑有关，我尝试使用手动引导，angular.bootstrap(document, ['Data']);但没有成功，仍然出现相同的错误。
但我想知道的是，为什么这适用于如此多的在线示例，例如 Egghead 视频系列，但我有一些问题，因为我相信我非常密切地关注了他的视频。最近版本的角度有变化吗？