在 AngularJS 中,筛选器(Filter)用于格式化和处理数据,以便在视图中显示更友好的内容。AngularJS 提供了一些内置的筛选器,同时你也可以创建自定义的筛选器。以下是一些常见的内置筛选器示例:

1. currency 筛选器:
   用于格式化货币值。
   <p>{{ amount | currency }}</p>

2. date 筛选器:
   用于格式化日期。
   <p>{{ currentDate | date:'yyyy-MM-dd HH:mm:ss' }}</p>

3. uppercase 和 lowercase 筛选器:
   用于将文本转换为大写或小写。
   <p>{{ text | uppercase }}</p>
   <p>{{ text | lowercase }}</p>

4. number 筛选器:
   用于格式化数字。
   <p>{{ number | number:2 }}</p>

5. filter 筛选器:
   用于在数组中进行过滤。
   <ul>
     <li ng-repeat="item in items | filter:'searchText'">{{ item.name }}</li>
   </ul>

这里的 amount、currentDate、text、number 等都是在控制器中定义的变量。以上只是一些简单的示例,AngularJS 提供了更多的内置筛选器,你可以根据需要选择适合的筛选器。

如果你需要创建自定义筛选器,可以使用 filter 方法来定义一个函数,然后在模板中使用该函数作为筛选器。以下是一个简单的自定义筛选器示例:
angular.module('myApp', []).filter('reverse', function() {
  return function(input) {
    return input.split('').reverse().join('');
  };
});

然后在模板中使用:
<p>{{ text | reverse }}</p>

这个自定义筛选器会将输入的文本反转输出。


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