Angular——内置过滤器-白红宇

Angular——内置过滤器

阅读量：5159 次

发布时间：2019-06-13

本文共 1011 字，大约阅读时间需要 3 分钟。

基本介绍

在AngularJS中使用过滤器格式化展示数据，在“{

{}}”中使用“|”来调用过滤器，使用“:”传递参数。

基本使用

过滤器可以串起来使用，只要用 | 来衔接就行了，可以将上次返回的结果，作为下次的参数再次进行处理，所以 | 也被称为是管道符

1、currency将数值格式化为货币格式2、date日期格式化，年（y）、月（M）、日（d）、星期（EEEE/EEE）、时（H/h）、分（m）、秒（s）、毫秒（.sss），也可以组合到一起使用。3、filter在给定数组中选择满足条件的一个子集，并返回一个新数组，其条件可以是一个字符串、对象、函数4、json将Javascrip对象转成JSON字符串。5、limitTo取出字符串或数组的前（正数）几位或后（负数）几位6、lowercase将文本转换成小写格式7、uppercase将文本转换成大写格式8、number数字格式化，可控制小位位数9、orderBy对数组进行排序，第2个参数可控制方向

    
         Title    
         
      {
   {price|currency:'￥'}}
    
      {
   {now|date:'yy/mm/dd'}}
    
      {
   {now|date:'yy/MM/dd hh:mm:ss'}}
    
      {
   {items|filter:'s'}}
    
      {
   {students|filter:{age:18} }}
    
      {
   {students|json}}
    
      {
   {students|limitTo:-2}}
    
      {
   {str|uppercase}}
    
      {
   {str|lowercase}}
    
      {
   {num|number:4}}
    
      {
   {items|orderBy:'':true}}
    
      {
   {students|orderBy:'age':false}}
    
      {
   {str|uppercase|limitTo:-4}}