AngularJS中filter的使用实例详解
一、格式化数字为货币格式。
rush:js;">
{{money|currency:"$"}}
{{money|currency:"RMB"}}
script:
显示为
二、lowercase 格式化字符串为小写。
rush:js;">
姓名为 {{ lastName | lowercase }}
rush:js;">
app.controller("crl",$filter) {
$scope.lastName ="AAA";
});
显示为
rush:js;">
aaa
三、uppercase 格式化字符串为大写。
rush:js;">
姓名为 {{ lastName | uppercase }}
rush:js;">
app.controller("crl",$filter) {
$scope.lastName ="aaa";
});
显示为
rush:java;">
AAA
四、filter 从数组项中选择一个子集。
rush:java;">
{{array|filter:"s"}}
rush:java;">
app.controller("crl",$filter) {
$scope.array = [ {
name : 'Tobias'
},{
name : 'Jeff'
},{
name : 'Brian'
},{
name : 'Igor'
},{
name : 'James'
},{
name : 'Brad'
} ];
});
显示为
rush:java;">
[{"name":"Tobias"},{"name":"James"}]
Tobias
James
五、orderBy 根据某个表达式排列数组。
输入过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中,该过滤器后跟一个冒号和一个模型名称。模型名字前加负号为降序,默认为升序
rush:java;">
rush:java;">
app.controller("crl",$filter) {
$scope.array = [ {
name : 'Tobias',age:"18"
},{
name : 'Jeff',age:"19"
},{
name : 'Brian',{
name : 'Igor',age:"55"
},{
name : 'James',{
name : 'Brad',{
name : 'aaas',age:"19"
}];
});
显示为
rush:java;">
降序 Tobias
降序 Jeff
降序 James
降序 Igor
降序 Brian
降序 Brad
降序 aaas
升序 aaas
升序 Brad
升序 Brian
升序 Igor
升序 James
升序 Jeff
升序 Tobias
5.1.多个模型排序(先按名字排序在按年龄排序)
rush:js;">
rush:js;">
app.controller("crl",{
name : 'adsd',age:"20"
}];
});
显示为
rush:js;">
升序 adsd19
升序 adsd20
升序 Brian19
升序 Igor55
升序 James19
升序 Jeff19
升序 Tobias18
以上就是AngularJS filter的使用实例,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。