手册
目录
AngularJS 提供了过滤器来转换数据:
currency 将数字格式化为货币格式date 将日期格式化为指定的格式filter 从数组中选择一个子集json 将对象格式化为 JSON 字符串limitTo 将数组/字符串限制为指定数量的元素/字符lowercase 将字符串格式化为小写number 将数字格式化为字符串orderBy 通过表达式对数组进行排序uppercase 将字符串格式化为大写可以使用管道符 | 向表达式添加过滤器,后跟一个过滤器。
uppercase 过滤器将字符串格式化为大写:
运行实例 »名字是 {{ lastName | uppercase }}
点击 "运行实例" 按钮查看在线实例
lowercase 过滤器将字符串格式化为小写:
运行实例 »名字是 {{ lastName | lowercase }}
点击 "运行实例" 按钮查看在线实例
通过使用管道字符 | 后跟过滤器,可以将过滤器添加到指令中,例如 ng-repeat:
orderBy 过滤器对数组进行排序:
运行实例 »
- {{ x.name + ', ' + x.country }}
点击 "运行实例" 按钮查看在线实例
currency 过滤器将数字格式化为货币:
运行实例 »Price: {{ price | currency }}
点击 "运行实例" 按钮查看在线实例
有关 currency 过滤器的更多信息,请参阅我们的 AngularJS currency 过滤器参考手册。
filter 过滤器选择数组的子集。
filter 过滤器只能用于数组,它返回只包含匹配项的数组。
返回包含字母 "i" 的名字:
运行实例 »
- {{ x }}
点击 "运行实例" 按钮查看在线实例
有关 filter 过滤器的更多信息,请参阅我们的 AngularJS filter 过滤器参考手册。
通过在输入字段上设置 ng-model 指令,我们可以使用输入字段的值作为过滤器中的表达式。
在输入字段中输入一个字母,列表将根据匹配项进行缩小/扩大:
运行实例 »
- {{ x }}
点击 "运行实例" 按钮查看在线实例
单击表头可更改排序顺序:
Name Country Jani Norway Carl Sweden Margareth England Hege Norway Joe Denmark Gustav Sweden Birgit Denmark Mary England Kai Norway通过在表头添加 ng-click 指令,我们可以运行一个函数,该函数会更改数组的排序顺序:
运行实例 »
Name Country {{x.name}} {{x.country}}
点击 "运行实例" 按钮查看在线实例
您可以通过向模块注册一个新的过滤器工厂函数来创建自己的过滤器:
创建一个名为 "myFormat" 的自定义过滤器:
点击 "运行实例" 按钮查看在线实例
myFormat 过滤器将每隔一个字符格式化为大写。
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
71万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习