AngularJS 模块

一个AngularJS模块可用来定义一个应用

模块可以理解成一个容器，盛装着一个应用中的不同部分

模块是应用中控制的容器,也可以说控制器属于模块的一部分

1. 创建一个模块

使用函数angular.module

<div ng-app="myApp">...</div>

<script>
    var app = angular.module("mypp",[]);
</script>

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>

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!