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时,则显示$符。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容