<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="js/angular.js" type="text/javascript" charset="utf-8"></script>
<script src="js/test.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ng-app="mymodel">
<div ng-controller="mycontroller1">
{{name}}
</div>
<div ng-controller="mycontroller2">
{{name}}
</div>
<div ng-controller="mycontroller3">
{{name}}
</div>
</body>
<script type="text/javascript">
//注册本页的模块
var mymodel = angular.module("mymodel", ["mymodel2"]);
mymodel.controller("mycontroller1", ["$scope", function(a) {
a.name = "zhangshan";
}]);
//创建一个模块
var mymodel2 = angular.module("mymodel2", []);
mymodel2.controller("mycontroller2", ["$scope", function(a) {
a.name = "lisi";
}]);
mymodel2.controller("mycontroller3", ["$scope", function(a) {
a.name = "wangwu";
}]);
</script>
</html>
上面是一个简单的例子,写的是模块之间的引入,本页的模块引入了,由于下面的mymodel2在本页面注册,所以只是创建了模块,但在mymodel1中引入了,相应的也获取了下面的上下文内容。