Angular4中常用管道

整列一下angular4中常用管道，欢迎喜欢angular4的小伙伴一起交流沟通补充。

一、大小写转换管道

uppercase将字符串转换为大写 

lowercase将字符串转换为小写

ex: <p>将字符串转换为大写{{str|uppercase}}</p>

二、日期管道

today:Date = new Date();

<p>现在的时间是{{today|date:'yyyy-MM-ddHH:mm:ss'}}</p>

三、小数管道

接收的参数格式为{最少整数位数}.{最少小数位数}-{最多小数位数} 

其中最少整数位数默认为1 

最少小数位数默认为0 

最多小数位数默认为3 

当小数位数少于规定的{最少小数位数}时，会自动补0 

当小数位数多于规定的{最多小数位数}时，会四舍五入

pi:number = 3.14159;

<p>圆周率是{{pi|number:'2.2-4'}}</p>

四、货币管道

currency管道用来将数字转换为货币格式

a:number = 8.2515

b:number = 156.548

<p>{{a|currency:'USD':false}}</p>

<p>{{b|currency:'USD':true:'4.2-2'}}</p>

'USD': 美元缩写。

当为false时不显示0156.55这里的′USD′是美元UnitedStatesdollar的缩写，当为false时不显示符，当为true时，则显示$符。