欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angular的模塊化（代碼分享）

 更新時(shí)間：2016年12月26日 16:59:14   作者：小謝53  
本文主要對Angular的模塊化進(jìn)行案例分析介紹，具有一定的參考價(jià)值，下面跟著小編一起來看下吧

在前面的幾個(gè)文章中，我們的數(shù)據(jù)都是以函數(shù)的方式定義在全局的作用域下，這樣很顯然是不對的，沒有模塊化的思想，下面的例子介紹Angular的模塊化！

<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>AngularJs模塊化</title>
<script type="text/javascript"src="https://code.angularjs.org/1.3.8/angular.min.js">
</head>
<body>
<div ng-controller='Aaa'>
  <p>{{name}}</p>
</div>
<div ng-controller='Bbb'>
  <p>{{name}}</p>
</div>
<script type="text/javascript">
var m1 = angular.module('myApp',[]);
//參數(shù)1：模塊的名字，參數(shù)2：當(dāng)前模塊中依賴的模塊，後面的文章會(huì)介紹
m1.controller('Aaa',function($scope){
  $scope.name = 'hello AngularJs';
});
m1.controller('Bbb',function($scope){
  $scope.name = 'Hi';
});
</script>
</body>
</html>

首先在html上綁定初始化的名稱，并附上myApp，使用angular.model在JS中定義多個(gè)模塊，并附上參數(shù)。

再使用控制器定義數(shù)據(jù)，注意控制器傳遞的參數(shù)，模塊名和匿名函數(shù)。

都知道我們的項(xiàng)目在上線後合并壓縮的，這樣我們匿名函數(shù)傳遞的形參在壓縮後出現(xiàn)問題，所以這個(gè)時(shí)候我們需要將參數(shù)包裹成數(shù)組，來避免壓縮的問題！

m1.controller('Aaa',['$scope',function($scope){
  $scope.name = 'hello AngularJs';
}]);
m1.controller('Bbb',['$scope',function($scope){
  $scope.name = 'Hi';
}]);

 這個(gè)時(shí)候注意控制器傳遞的參數(shù)，模塊名和數(shù)組(包含服務(wù)和匿名函數(shù))。

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！

相關(guān)文章

最新評論