在 AngularJS 中,过滤器(Filter)是一种用于格式化和转换数据的机制。过滤器可以用于视图中的表达式、控制器中的代码以及指令中。AngularJS 提供了一些内置的过滤器,同时也允许开发者创建自定义过滤器。

以下是一些常用的内置过滤器:

1. currency

currency 过滤器用于格式化货币。
<!-- 示例:格式化为货币 -->
<p>{{ amount | currency }}</p>

2. date

date 过滤器用于格式化日期。
<!-- 示例:格式化日期 -->
<p>{{ currentDate | date:'yyyy-MM-dd' }}</p>

3. uppercase 和 lowercase

uppercase 过滤器用于将文本转换为大写,而 lowercase 过滤器用于将文本转换为小写。
<!-- 示例:大小写转换 -->
<p>{{ text | uppercase }}</p>
<p>{{ text | lowercase }}</p>

4. number

number 过滤器用于格式化数字。
<!-- 示例:格式化数字 -->
<p>{{ number | number:2 }}</p>

5. filter

filter 过滤器用于过滤数组或对象中的元素。
<!-- 示例:过滤数组 -->
<ul>
  <li ng-repeat="item in items | filter:'keyword'">{{ item }}</li>
</ul>

6. 自定义过滤器

除了内置过滤器,你还可以创建自定义过滤器。自定义过滤器是通过调用 filter 方法来创建的,该方法接受一个名称和一个函数。
// 示例:创建一个自定义过滤器
app.filter('reverse', function() {
  return function(input) {
    return input.split('').reverse().join('');
  };
});

在视图中使用自定义过滤器:
<!-- 示例:使用自定义过滤器 -->
<p>{{ text | reverse }}</p>

在上述例子中,我们定义了一个名为 reverse 的自定义过滤器,它会将输入的文本反转后输出。

过滤器是 AngularJS 中强大而灵活的功能,通过使用过滤器,你可以在视图中轻松地处理和呈现各种类型的数据。如果需要更多的过滤器功能,可以查阅 AngularJS 文档或自行创建自定义过滤器。


转载请注明出处:http://www.pingtaimeng.com/article/detail/4859/Angular