模块化

# 什么是模块化 #
AngularJS构建应用(App)时是以模块化(model)的方式组织的,即将整个应用划分成若干模块,每个模块都有各自的职责,最终组合成一个整体
## 采用模块化的组织方式,可以最大程度的实现代码的复用性  ##
## 如何定义模块化 ##
## 创建模块 ##
var app = angular.module('app',[]);

## 创建控制器 ##
app.controller('xmgController',['$scope',function($scope){
$scope.name = "xmg";
$scope.age = 20;
$scope.course = ['css','html','js'];
$scope.students = {
{name:'小胡',age:13},
{name:'圆圆',age:15}
};
}]);

## 绑定模块 ng-app="模块名称"
<body ng-app="app">

## 绑定控制器 ##
<ul ng-controller="xmgController">
<li>{{name}}</li>
<li>{{age}}</li>
<br>
<li ng-repeat="{key,value} in course">{{key}}{{value}}</li>
<li ng-repeat="value in students">{{value.name}}{{value.age}}</li>
</ul>

</body>



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容