使用Angular2+的内置管道格式化数据

在简书看到一篇关于Angualr运用内置管道格式化数据的总结，感觉挺实用的，转载一下以供参考：

【转载】https://www.jianshu.com/p/a8bd5a1d2c53

PS：管道是在HTML模版上使用的，而不是在.ts控制器文件内。

//1. 字母大写
{{content| uppercase}}
//2. 字母小写
{{content| lowercase}}
//3. 数字格式化
{{num| number: '3.2-2'}}
解释:
{minIntegerDigits}.{minFractionDigits}-{maxfractionDigits}
minIntegerDigits：整数部分保留最小的位数，默认值为1.
minFractionDigits：小数部分保留最小的位数，默认值为0.
maxFractionDigits：小数部分保留最大的位数，默认值为3.
//4. 百分数格式
{{num| percent:'1.2-2'}}
解释:
{minIntegerDigits}.{minFractionDigits}-{maxfractionDigits}
minIntegerDigits：整数部分保留最小的位数，默认值为1.
minFractionDigits：小数部分保留最小的位数，默认值为0.
maxFractionDigits：小数部分保留最大的位数，默认值为3.
//5. 字符串截取
{{content| slice:2:4}}
expression | slice: start[: end] 与java中substring类似
//6. 日期格式化
{{date| date:'yyyy-MM-dd HH:mm:ss'}}
date可以是日期对象，也可以是字符串如：
date = '2016/06/07 21:30:00';
date = new Date();
//6. json格式化
 {{list| json}}
主要用于测试环境
//7. 多次管道
{{content|lowercase | slice:2:4}}