过滤器
2017-04-22 本文已影响0人
c59ffede9db6
通过搜索filfterFilter就可以找到所有过滤器
register('currency', currencyFilter);
register('date', dateFilter);
register('filter', filterFilter);
register('json', jsonFilter);
register('limitTo', limitToFilter);
register('lowercase', lowercaseFilter);
register('number', numberFilter);
register('orderBy', orderByFilter);
register('uppercase', uppercaseFilter);
}
- uppercase将字符串小写转化为大写
- lowercase将字符串小写转化为大写
- limitTo 对字符串或者数组做截取操作
-
{{c|number:4}}//数字过滤器默认保留3位小数，最后一位四舍五入 -
orderBy数组过滤器，接受2个参数第一个参数表示排序的字段（key值）；第二个参数true/false分别表示倒序和正序（默认为false正序） 如果是数字，则比较数字的大小；如果是字母，则会按照字母编码排序如{{array|orderBy:'name':true}}
<!DOCTYPE html>
<html ng-app='test'>
<head>
<meta charset="utf-8">
<title>angular</title>
<script src='bower_components/angular/angular.js'>
</script>
<script>
var app=angular.module('test',[]);
app.controller('con1',function($scope,$http){
$scope.a='asdFsfsXW'
$scope.b='SWEeFAcFFS'
$scope.c=122525.54545744
})
</script>
</head>
<body ng-controller='con1'>
{{a|uppercase}}
<p>{{b|lowercase}}</p>
{{a|limitTo:2}}
{{c|number:4}} //数字过滤器默认保留3位小数，最后一位四舍五入
</body>
</html>
