Angular 的 filter 可以说是一大利器,那些需要处理但处理逻辑不复杂且复用次数比较多的函数都可以封闭成filter,Angular 的 filter 可以通过类似管道命令的调用方式进行,对于大多数人来说并不陌生,就不再赘述。Angular提供的原生filter有以下几种:

  • currency:对货币进行格式化,需要传入货币格式,默认采用本地货币格式。
  • date:对日期格式化,需要传入日期
  • number:把数字转换成文本
  • json:把Object对象序列化成JSON字符串
  • lowercase
  • uppercase 这两个都不说了吧
  • limitTo:截取字符串或者数组,返回一个新的对象,记住,新的对象,新的对象,重要的事件说三遍。
  • orderBy:看名字,对数组排序,需要传入规则,对字符串默认字母排序,数字数组默认自然排列,记住,如果数字数字排序结果不对,先看传的数字有没有是字符串啊!
  • filter:filter的filter,对进行筛选,也是返回新的对象哦!

filter之filter

先说这个筛选数组的,比较灵活,调用方法:

1
{{ input | filter : express : comparator }}