1. 自定义过滤器
var myModule = angular.module("HelloAngular", []);
myModule.filter('addHello', function(){
return function(str){
return str+" hello";
}
});
2. 使用过滤器
2.1 表达式中使用过滤器
{{ name | uppercase }}//没有参数
{{ 123.456789 | number:2 }}
{{ expression | filter1 | filter2 | ... }}
<span ng-repeat="a in array | filter ">
如果需要传递参数给过滤器,只要在过滤器名字后面加冒号
即可。如果有多个参数,可以在每个参数后面都加入冒号。
2.2 js中使用过滤器
app.controller('DemoController', ['$scope', '$filter',
function($scope, $filter) {
$scope.name = $filter('lowercase')('Ari');
}]);
3. 系统的过滤器
3.1.1 currency (货币处理)
3.1.2 date (日期格式化)
3.1.3 filter(匹配子串)
3.1.4 json(格式化json对象)
3.1.5 limitTo(限制数组长度或字符串长度)
3.1.6 lowercase(小写)
3.1.7 uppercase(大写)
3.1.8 number(格式化数字)
3.1.9 orderBy(排序)
本文介绍了AngularJS中过滤器的基本概念及其使用方法,包括自定义过滤器和系统提供的过滤器。详细展示了如何通过表达式在视图中应用过滤器及如何在控制器中使用过滤器进行数据处理。
74

被折叠的 条评论
为什么被折叠?



