博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJS快速入门指南06:过滤器
阅读量:6348 次
发布时间:2019-06-22

本文共 875 字,大约阅读时间需要 2 分钟。

  通过管道字符(‘|’),过滤器可以被添加到表达式和指令中。


AngularJS过滤器

  AngularJS过滤器可以被用来转换(格式化)数据:

过滤器 描述
currency 将数字格式化为现金格式。
filter 从一个集合中选择子项。
lowercase 将字符串转换为小写形式。
orderBy 通过一个表达式对集合元素进行排序。
uppercase 将字符串转换为大写形式。

在表达式中添加过滤器

  过滤器可以通过管道字符(‘|’)被添加到表达式。

  接下来的两个示例我们将使用在之前的章节中使用过的person控制器。

  uppercase过滤器用来将给定的字符串转换成大写形式:

The name is {

{ lastName | uppercase }}

  lowercase过滤器用来将给定的字符串转换成小写形式:

The name is {

{ lastName | lowercase }}


currency过滤器

  currency过滤器用来将数字格式化为现金格式:

Total = {

{ (quantity * price) | currency }}


将过滤器添加到指令

  过滤器也可以通过管道字符(‘|’)被添加到指令。

  orderBy过滤器通过表达式对数组进行排序:

  • {
    { x.name + ', ' + x.country }}


通过输入进行过滤

  通过在指令中使用管道字符(‘|’),后面紧跟filter加冒号再加上一个模型的名称,可以形成一个输入过滤器,用来根据用户输入的内容对集合进行过滤:

  • {
    { (x.name | uppercase) + ', ' + x.country }}

 

转载地址:http://mgpla.baihongyu.com/

你可能感兴趣的文章
cocos2d-x之MoonWarriors用c++实现
查看>>
避免JS全局变量冲突
查看>>
使用ab.exe监测100个并发/100次请求情况下同步/异步访问数据库的性能差异
查看>>
在EF中执行SQL语句
查看>>
利用Maven把项目生成jar包供其他项目使用
查看>>
sql between and 边界问题
查看>>
关于Servlet一些东西
查看>>
注册验证的时候一直出现的报错问题,终于解决了
查看>>
在linux中编写脚本实现自启动tomcat服务
查看>>
关于JDK中的集合总结(二)
查看>>
修改数据库字段类型或名字
查看>>
[BZOJ3631]:[JLOI2014]松鼠的新家(LCA+树上差分)
查看>>
吐槽#001
查看>>
jQuery的介绍
查看>>
excel2007内容转成xml
查看>>
php 基础知识
查看>>
MySQL数据库引擎
查看>>
OneZero第四周第五次站立会议(2016.4.15)
查看>>
MYSQL的存储函数
查看>>
lnks
查看>>