使用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}}