模塊化

# 什么是模塊化 #
AngularJS構(gòu)建應(yīng)用(App)時(shí)是以模塊化(model)的方式組織的,即將整個(gè)應(yīng)用劃分成若干模塊,每個(gè)模塊都有各自的職責(zé),最終組合成一個(gè)整體
## 采用模塊化的組織方式,可以最大程度的實(shí)現(xiàn)代碼的復(fù)用性  ##
## 如何定義模塊化 ##
## 創(chuàng)建模塊 ##
var app = angular.module('app',[]);

## 創(chuàng)建控制器 ##
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>



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容