一个AngularJS模块可用来定义一个应用
模块可以理解成一个容器,盛装着一个应用中的不同部分
模块是应用中控制的容器,也可以说控制器属于模块的一部分
1. 创建一个模块
使用函数angular.module
<div ng-app="myApp">...</div>
<script>
var app = angular.module("mypp", []);
</script>
创建一个模块后,可向其添加控制器(controllers),指令(directives),过滤器(filters)等等.
2. 添加控制器
使用ng-controller指令.
<div ng-app="myApp" ng-controller="myCtrl">
{{firstName + " " + lastName}}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName = "hello";
$scope.lastName = "world";
});
</script>
3. 添加指令
AngulatJS除了包含很多内置指令,还支持用户自定义指令.如:
<div ng-app="myApp" test-test>
{{firstName + " " + lastName}}
</div>
<script>
var app = angular.module("myApp", []);
app.directive("testTest", function() {
return {
template : "I was made in a directive constructor!"
};
});
</script>