一、模塊化
Angular中的模塊化 —— 比較弱
let mod = angular.module('mod',[]);
例1:
1) 在一個新的JS文件里定義了一個模塊
let mod1 = angular.module('mod1',[]);
mod1.controller('mod1_ctr1',($scope)=>{
$scope.a = 200;
});
2)在我的html文件中盖灸,自身的模塊依賴于以上定義的模塊: mod1
3)在html文件中蚁鳖,可以同時使用自己的controlloer和模塊中的controller:mod1_ctr1
二、依賴注入
把決定權(quán)交給消費者赁炎。
函數(shù)參數(shù):由調(diào)用者來決定 —— 被動的地位
function show(a,b){
alert(arguments.length);
}
Angular:函數(shù)的拯救者
let mod = .....;
mod.controller('ctr1',($scope,$q)=>{
$scope.a=12;
});
想用誰醉箕,就把誰注入到函數(shù)。
三徙垫、過濾器
系統(tǒng)的過濾器: date currency
time|date:'yyyy-MM-dd'
price|currency —— $
|currency:'¥' —— ¥
要求:
給定一個數(shù)字讥裤,顯示一下是中文的星期幾。
let n = 3;
{{n|cnDay}} —— 星期三
自定義過濾器:
angular.module('app',[])
.filter('cnDay',function(){
return function(input){
//input 就是要處理的輸入的數(shù)據(jù)
//輸入的數(shù)據(jù)——要對誰使用這個過濾器
//對input進行處理
return '返回值——就是最終要使用的內(nèi)容';
};
});