一、模块化
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
二、依赖注入
把决定权交给消费者。
函数参数:由调用者来决定 —— 被动的地位
function show(a,b){
alert(arguments.length);
}
Angular:函数的拯救者
let mod = .....;
mod.controller('ctr1',($scope,$q)=>{
$scope.a=12;
});
想用谁,就把谁注入到函数。
三、过滤器
系统的过滤器: date currency
time|date:'yyyy-MM-dd'
price|currency —— $
|currency:'¥' —— ¥
要求:
给定一个数字,显示一下是中文的星期几。
let n = 3;
{{n|cnDay}} —— 星期三
自定义过滤器:
angular.module('app',[])
.filter('cnDay',function(){
return function(input){
//input 就是要处理的输入的数据
//输入的数据——要对谁使用这个过滤器
//对input进行处理
return '返回值——就是最终要使用的内容';
};
});