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