以下是一些常用的内置过滤器:
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