AngularJS中的过滤器（Filters）是一个非常有用的功能，可以用于格式化和转换数据。使用过滤器，可以在表达式中添加管道符号（|），将数据传递给过滤器函数，然后返回过滤后的结果。
以下是一些常用的AngularJS过滤器：
- currency：用于格式化货币值，例如：{{ price | currency }}。
- date：用于格式化日期，例如：{{ date | date:’yyyy-MM-dd’ }}。
- filter：用于过滤数组中的元素，例如：ng-repeat=”item in items | filter:search”。
- limitTo：用于限制字符数或数组元素数，例如：{{ text | limitTo:100 }}或ng-repeat=”item in items | limitTo:10″。
- lowercase/uppercase：用于将字符串转换为小写/大写，例如：{{ name | lowercase }}或{{ name | uppercase }}。
- orderBy：用于对数组元素进行排序，例如：ng-repeat=”item in items | orderBy:’name’”。
- json：用于将对象转换为JSON格式的字符串，例如：{{ user | json }}。
除了以上列出的过滤器外，还有很多其他可用的过滤器。如果需要自定义过滤器，也可以通过编写过滤器函数来实现。过滤器函数应该返回一个函数，这个函数接受一个输入并返回过滤后的结果。
例如，下面是一个自定义的过滤器函数，用于将输入字符串中的所有空格替换为下划线：
app.filter('replaceSpaces', function() {
return function(input) {
if (typeof input === 'string') {
return input.replace(/s+/g, '_');
} else {
return input;
}
};
});在HTML模板中使用自定义过滤器：
<p>{{ text | replaceSpaces }}</p>这将把“hello world”转换为“hello_world”。
AngularJS中的过滤器(filter)是一种可以在模板上格式化输出的功能，它可以将需要过滤的数据通过管道符(|)传递到过滤器函数中进行处理，最终将处理后的数据输出到模板上。
使用方法：
1.在模板上通过管道符(|)将需要过滤的数据传递到过滤器函数中，如：
<p>{{'hello' | uppercase}}</p>2.在定义过滤器函数时使用module.filter()方法进行注册，如：
angular.module('myApp', [])
.filter('myFilter', function() {
return function(input) {
return input + ' World';
};
});注：过滤器函数需要返回一个函数，该函数接收要过滤的数据作为参数并返回处理后的数据。
3.在模板中调用自定义过滤器：
<p>{{'hello' | myFilter}}</p>参考资料：
AngularJS官方文档：https://docs.angularjs.org/guide/filter
W3Cschool教程：https://www.w3cschool.cn/angularjs/angularjs_filters.htm
发布者：luotuoemo，转转请注明出处：https://www.jintuiyun.com/117304.html
