在实际的开发过程中,很多後端返回给我们的数据都是需要格式化处理的,在angular中为我们内置提供了filter指令,可以很方便的对数据进行处理。首先我们看看在视图中是如何使用过滤器的。
@H_404_3@1、currency(货币)格式化
{{name | currency:'¥'}}
在实际的开发过程中,很多後端返回给我们的数据都是需要格式化处理的,在angular中为我们内置提供了filter指令,可以很方便的对数据进行处理。首先我们看看在视图中是如何使用过滤器的。
@H_404_3@1、currency(货币)格式化
用来精确浮点数(精确到2位)默认是3位。
@H_404_3@3、uppercase,lowercase(大小写)格式化
以json的格式输出到页面中,视图只能使用pre标签才可以识别
@H_404_3@7、orderBy(排序)格式化
在filter传入'l',会筛选出blue以及yellow。
{{name | filter : 'yellow' : true | json}}如果像这样再传入true,就必须保证value的完整性,单单的'l'是无法筛选出来的。
上面都是在视图中以表达式的形式使用过滤器,下面我们来看看在JS中使用过滤器。
{{number}}
{{uppercase}}
{{json}}
{{limitTo}}
{{date}}
{{orderBy}}
{{filter}}
这些都属于内置过滤器,我们还可以用.filter自定义过滤器。