各位观众老爷大家好,欢迎收看内裤总动员之程序猿的IT程序大讲堂,今天给大家分享一个新的东西就是.AngularJS.跟着上一次的继续,今天给大家分享一下AngularJS 过滤器.
AngularJS过滤器
过滤器可以使用一个管道字符（|）添加到表达式和指令中。
AngularJS 过滤器可用于转换数据.下面给大家分享一些知识点.
currency :格式化数字为货币格式。
filter :从数组项中选择一个子集。
lowercase :格式化字符串为小写。
orderBy :根据某个表达式排列数组。
uppercase :格式化字符串为大写。
表达式中添加过滤器
过滤器是的用法: 可以用过一个管道字符{|} 和一个过滤器添加到表达式中.
下面给大家来俩"栗子",演示一下如何使用过滤器.
栗子1: 使用 uppercase过滤器将字符串格式化为大写.
lastname | uppercase结果为 : DAST 使用uppercase 他我们的结果格式化为大写的了.
怎么样? 是不是很简单啊.接下来再给大家来个"栗子".
lowercase过滤器将字符串格式化为小写😰. 额 你们看着来吧 我代码伺候
lowercase
答案:
答案😓额,我就改了一下js里的 dast 和 h1里面的 lowercase
好啦,接下来给大家讲解一下其他的栗子
currency过滤器
currency过滤器将数字格式化为货币格式😧
栗子:
currency
答案:
答案
orderBy
orderby过滤器将根据表达式排列数组.
举个"栗子":
简单循环在这里我简单的循环把键值对里的值依次拿出,结果是这样的
顺序
但是我把orderby过滤器加入后,我们的顺序将发生改变了,请看代码.
orderby结果是这样的.
顺序更改
可以对照上面的结果,你会发现我们的顺序被改变了,他按照了我们的字母顺序进行排序了.
filter
filter过滤器从数组中选择一个子集.
这个描述的或许无法感觉到有什么用,我用栗子给大家来说明.
filter:test
答案:
这个就是所谓的从素组选择子集
好啦,关于过滤器的知识呢就简单的为大家介绍到这里,谢谢大家的阅读.下一张为大家介绍一下 services 的东东. bye bye~~~😂
网友评论