AngularJS过滤器（Filter）的用法详解与示例

AngularJS过滤器（Filter）

AngularJS的过滤器（Filter）是一个用于格式化输出数据的工具，它可以在控制器、指令和视图中使用，可以实现对数据的格式化，如日期格式转换、数字格式化、字符串格式化等功能。AngularJS内置了几个常用的过滤器，也可以自定义过滤器。

AngularJS过滤器的使用方法

AngularJS过滤器的使用方法非常简单，只需要在表达式中加入过滤器及参数即可。下面是一个示例：

{{date | date:'yyyy-MM-dd HH:mm:ss'}}

上面的表达式表示，将date变量中的日期格式化为“yyyy-MM-dd HH:mm:ss”格式。

AngularJS内置过滤器

AngularJS内置了以下几个常用的过滤器：

• date：用于格式化日期；
• number：用于格式化数字；
• currency：用于格式化货币；
• json：用于将对象转换为JSON字符串；
• lowercase：用于将字符串转换为小写；
• uppercase：用于将字符串转换为大写；
• limitTo：用于截取字符串；
• filter：用于筛选数组；
• orderBy：用于排序数组。

AngularJS自定义过滤器

AngularJS也可以自定义过滤器，定义方法如下：

var myApp = angular.module('myApp', []);
myApp.filter('myFilter', function() {
    return function(input) {
        // 过滤逻辑
        return output;
    }
});

上面的代码定义了一个名为myFilter的过滤器，可以在表达式中使用：

{{data | myFilter}}

这样就可以通过自定义过滤器实现更多的功能。

AngularJS的过滤器（Filter）是一个用于格式化输出数据的工具，可以在控制器、指令和视图中使用，AngularJS内置了几个常用的过滤器，也可以自定义过滤器，从而实现更多的功能。