AngularJS 过滤器
过滤器可以使用一个管道字符(|)添加到表达式和指令中。
表达式中添加过滤器
过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中。.
((下面的两个实例,我们将使用前面章节中提到的 person 控制器))
uppercase 过滤器将字符串格式化为大写:
AngularJS 实例
过滤器
描述
<Meta charset="utf-8">
运行结果:
姓名为 DOE
lowercase 过滤器将字符串格式化为小写:
AngularJS 实例
<Meta charset="utf-8">
运行结果:
姓名为 doe
currency 过滤器
currency 过滤器将数字格式化为货币格式:
AngularJS 实例
<Meta charset="utf-8">
运行结果:
数量:价格:
总价 = $9.99
向指令添加过滤器
过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中。
orderBy 过滤器根据表达式排列数组:
AngularJS 实例
<Meta charset="utf-8">
运行结果:
循环对象:
过滤输入
输入过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中,该过滤器后跟一个冒号和一个模型名称。
filter 过滤器从数组中选择一个子集:
AngularJS 实例
<Meta charset="utf-8">
运行效果:
输入过滤:
以上就是对AngularJS 过滤器的知识整理,后续继续补充,有需要的朋友可以参考下。
原文链接:https://www.f2er.com/js/47051.html