您的位置：首页 > Web前端 > AngularJS

angular 模块引入简单实例

2016-12-02 01:34 459 查看

<!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中引入了，相应的也获取了下面的上下文内容。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航