AngularJS 模块

一个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>