AngularJs过滤器

过滤器

框架自带的内置过滤器

名称	内置过滤器	功能描述	实践用法（获取到的值：xxx）	效果
货币	currency	格式化数字为货币格式。可以将数字格式化为货币，默认美元符号，你可以自己传入所需的符号	{{xxx|currency:‘￥’}}	￥50.00
子串匹配	filter	从数组项中选择一个子集。(输入过滤，等)	{{xxx|filter:‘刘’}}	菜鸟教程
日期	date	可以将日期格式化，你可以自己定义自己的格式化要求	{{xxx|date:‘yyyy.MM.dd hh:mm:ss’}}	2020.08.07 11:13:00
数字	number	格式化数字，可以指定保留几位小数（float类型）	{{xxx|number:5}}	小数点后保留5位小数
排序	orderBy	根据某个表达式排列数组。可以将一个数组中的元素进行排序，接收一个参数来指定排序规则，参数可以是一个字符串，表示以该属性名称进行排序。可以是一个函数，定义排序属性。还可以是一个数组，表示依次按数组中的属性值进行排序（若按第一项比较的值相等，再按第二项比较）	{{xxx|orderBy:参数一：参数二}} 参数一可以为按照所需排序的字段，自定义函数等，参数二为是否逆序，默认为否（false）
格式化小写	lowercase	格式化字符或字符串为小写。	{{ xxx|lowercase}}	无
格式化大写	uppercase	格式化字符或字符串为大写。	{{ xxx|uppercase }}	无
json对象格式化	json	json过滤器可以把一个js对象格式化为json字符串，没有参数。	略	无
截取	limitTo	截取或者限制数组长度或字符串长度	{{xxx|limitTo:5}}	此中限制（截取）长度为前5位

自定义过滤器

<div ng-app="myApp" ng-controller="myCtrl">


姓名: {{ msg | reverse }}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.msg = "message";
});
app.filter('reverse', function() { //可以注入依赖
    return function(text) {
        return text.split("").push();
    }
});
</script>

自定义过滤器简单粗暴的使用方法：只需更改最后return的结果即可（可以在函数中书写规则进行处理，最后return想要的结果格式等）