1.什么是过滤器,用来做什么,怎么用:
image.png
就这么用:
image.png

2.怎么定义过滤器:
image.png
就这么定义,而且局部优先级大于全局:
image.png

3.关于参数以及过滤器串联:
image.png
传入的参数val就是当前过滤器管道前的值,例如filterA的管道前是content,而filterB的管道前是filterA:
image.png
过滤器还可以传入参数,但第一个参数永远是管道前的值:
image.png
结果:
image.png

4.练习----首字母大写:
image.png
好,看看效果:
image.png
???什么都没有,原因是没有return:
image.png
这里必须要return一个值回去,否则是什么都不会显示的。

然后:
image.png
拼接上剩余的字符,完事儿!

5.总结:为什么使用过滤器,这要看是什么样的场景,有些时候数据的展示结果或格式是需要前端去做的,filter恰好用来格式化文本,例如显示账户上的余额:999,999,999,999,好了就这么多吧。。。


野望
18 声望4 粉丝

一个为了写出漂亮代码而努力的前端人