過濾,有點像linux
?# 內(nèi)置多個過濾器
currency(貨幣)、date(日期)列林、filter(子串匹配)禾怠、json(格式化json對象)朗涩、limitTo(限制個數(shù))矫废、lowercase(小寫)腾供、uppercase(大寫)澳窑、number(數(shù)字)钠怯、orderBy(排序)
關于貨幣
{{ currency_expression | currency : symbol : fractionSize}}
多個filter
{{ expression | filter1 | filter2 | ... }}
接受參數(shù)
{{ expression | filter:argument1:argument2:... }}
指令中過濾
<span ng-repeat="a in array | filter ">
在controller 和 service 中使用 filter
app.controller('testC',function($scope,$filter){
$scope.num = $filter('currency')(123534);
$scope.date = $filter('date')(new Date());
}
ng內(nèi)置過濾器-常用系列
1.currency
{{num | currency : '￥'}}
2.date
{{date | date : 'yyyy-MM-dd hh:mm:ss EEEE'}}
3.filter(匹配子串)
$scope.childrenArray = [
{name:'kimi',age:3},
{name:'cindy',age:4},
{name:'anglar',age:4},
{name:'shitou',age:6},
{name:'tiantian',age:5}
];
$scope.func = function(e){return e.age>4;}
{{ childrenArray | filter : 'a' }} //匹配屬性值中含有a的
{{ childrenArray | filter : 4 }} //匹配屬性值中含有4的
{{ childrenArray | filter : {name : 'i'} }} //參數(shù)是對象恋追，匹配name屬性中含有i的
{{childrenArray | filter : func }} //參數(shù)是函數(shù)凭迹，指定返回age>4的
4.json(調(diào)式或者代替JSON.stringify())
{{ jsonTest | json}}
5.limitTo(限制數(shù)組的長度或者字符串的長度)
{{ childrenArray | limitTo : 2 }} //將會顯示數(shù)組中的前兩項
6.number 數(shù)字的分割
{{ num | number : 2 }} // 保留兩位數(shù)
7.orderBy
<div>{{ childrenArray | orderBy : 'age' }}</div> //按age屬性值進行排序罚屋，若是-age，則倒序
<div>{{ childrenArray | orderBy : orderFunc }}</div> //按照函數(shù)的返回值進行排序
<div>{{ childrenArray | orderBy : ['age','name'] }}</div> //如果age相同蕊苗，按照name進行排序
8.自定義過濾器
app.filter('odditems',function(){
return function(inputArray){
var array = [];
for(var i=0;i<inputArray.length;i++){
if(i%2!==0){
array.push(inputArray[i]);
}
}
return array;
}
});
