Angular过滤器笔记

1.1   Angular过滤器:
过滤器(filter)正如其名,作用是接受一个输入,通过某个规则进行处理,然后返回处理后的结果。
AngularJS过滤器应用场景:
       主要用在数据的格式化上,例如获取数组中的子集,对数组中的元素进行排序等。Ng内置了一些过滤器,它们是currency(货币)、date(日期)、filter(子串匹配)、limitTo(限制个数)、lowercase(小些)、uppercase(大写)、number(数字)、order By(排序)总共9种,除此之外,还可以自定义过滤器,这个就强大了,可以满足任何要求的数据处理
1.1.1  currency:货币处理 数据|currency:"$"
1.1.2  uppercase:转为大写 数据|uppercase
1.1.3  lowercase:小写
1.1.4  date: 数据|date:"yyyy-MM-dd hh:mm:ss" 日期 ng提供的date过滤器基本可以满足一般的格式化要求;
1.1.5  limitTo:取前几个 或者后几个 数据|limitTo:2 数据|limitTo:-2 
1.1.6  filter : 用来处理一个数组,然后过滤出含有某个字符串的元素,作为子数组返回(模糊查找)
1.2  orderBy排序: 升序 数组|orderBy: '':false;
1.2.1  orderBy的各种排序方式
自定义
1.1.7  自定义过滤器:
把输入是字符串首字母大写
angular.module("gaoyn",[]).filter("过滤器的名字",function(){
return function(input){ //input--->输入参数值 
return "";
}
});
1.2.2  自定义指令

app.directive("指令名",function(){
return {
//M 注释 A:属性 E 标签 C class
restrict : 'MAEC' ,
replace:true,
template : '
hello gaoyn
' } }); ng-app ng-init ng-click E: (元素) • 1 A: (属性,默认值)
• 1 C: (类名)
• 1 M: (注释) <-- directive:my-directive expression --> 其中注释: • 1 这些值可以单独使用,也可以混合使用。其中A是推荐的方式,因为它的兼容性更好,也更容易扩充.

你可能感兴趣的:(Angular过滤器笔记)