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

AngularJS 模块

2016-06-14 11:03 561 查看
一个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("myAp
4000
p", []);
app.directive("testTest", function() {
return {
template : "I was made in a directive constructor!"
};
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angularjs