AngularJS中过滤器的使用实例详解

AngularJS中过滤器的使用实例详解

一、格式化数字为货币格式。

div { { money | currency : ' $ ' }/div div { { money | currency : ' RMB ' } }/div脚本：

app.controller('crl '，函数($scope，$ filter){ $ scope。钱=' 4545 '；});显示为

二、小写格式化字符串为小写。

姓名为{{ lastName |小写}} app.controller('crl '，函数($scope，$ filter){ $ scope。姓氏=' AAA});显示为

美国汽车协会三、大写格式化字符串为大写。

姓名为{{ lastName |大写}} app.controller('crl '，函数($scope，$ filter){ $ scope。姓氏=' AAA});显示为

美国汽车协会四、过滤器从数组项中选择一个子集。

div { { array | filter :s ' }/div ng-repeat=' array | filter :s '中的项{ { item。name } }/div应用程序。控制器(' CRL '，函数($scope，$ filter){ $ scope。array=[{ name : ' Tobias ' }，{ name : 'Jeff' }，{ name : ' Brian ' }，{ name : ' Igor ' }，{ name : ' James ' })；显示为

[{'name':'Tobias'}，{ ' name ' : ' James ' }]Tobias James五、订购方根据某个表达式排列数组。

输入过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中，该过滤器后跟一个冒号和一个模型名称。模型名字前加负号为降序，默认为升序

' div ng-repeat='数组|orderBy:中的项-名称' '降序{{item.name}}/div div ng-repeat='数组中的项|orderBy:“名称”升序{ { item。name } }/div应用程序。控制器(' CRL '，函数($scope，$ filter){ $ scope。array=[{ name : ' Tobias '，age:'18' }，{ name : 'Jeff '，age:'19' }，{ name : 'Brian '，age:'19' }，{ name : ' Igor '，age: ' 55 ' }，{ name 33: })；显示为

降序托拜厄斯（男子名)降序杰夫降序詹姆斯降序注入气和采出石油比(注入气油比的缩写)降序布赖恩降序角钉降序美国科学促进会升序美国科学促进会升序角钉升序布赖恩升序注入气和采出石油比(注入气油比的缩写)升序詹姆斯升序杰夫升序托比亚斯5.1 .多个模型排序（先按名字排序在按年龄排序)

' div ng-repeat='数组|orderBy:中的项['名称','年龄]升序{ { item。name } } { { item。age } }/div应用程序。控制器(' CRL '，函数($scope，$ filter){ $ scope。array=[{ name : ' Tobias '，age:'18' }，{ name : 'Jeff '，age:'19' }，{ name : 'Brian '，age:'19' }，{ name : ' Igor '，age: ' 55 ' }，})；显示为

升序adsd19升序adsd20升序Brian19升序Igor55升序詹姆19升序Jeff19升序Tobias18以上就是AngularJS过滤器的使用实例，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！