angular2內(nèi)置管道

//1. 字母大寫
{{content| uppercase}}
//2. 字母小寫
{{content| lowercase}}
//3. 數(shù)字格式化
{{num| number: '3.2-2'}}
解釋:
{minIntegerDigits}.{minFractionDigits}-{maxfractionDigits}
minIntegerDigits:整數(shù)部分保留最小的位數(shù),默認值為1.
minFractionDigits:小數(shù)部分保留最小的位數(shù),默認值為0.
maxFractionDigits:小數(shù)部分保留最大的位數(shù),默認值為3.
//4. 百分數(shù)格式
{{num| percent:'1.2-2'}}
解釋:
{minIntegerDigits}.{minFractionDigits}-{maxfractionDigits}
minIntegerDigits:整數(shù)部分保留最小的位數(shù),默認值為1.
minFractionDigits:小數(shù)部分保留最小的位數(shù),默認值為0.
maxFractionDigits:小數(shù)部分保留最大的位數(shù),默認值為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}}
主要用于測試環(huán)境
//7. 多次管道
{{content|lowercase | slice:2:4}}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 對于angular2管道,本人理解的不是很深入,希望有所幫助。ionic2項目中創(chuàng)建自定義管道方法。 運行命令 i...
    baidi_1991閱讀 608評論 0 0
  • 定義 管道用于在模板中轉(zhuǎn)換顯示的內(nèi)容 案例 詳解 1. 使用@Pipe注解 通常情況下我們只需要用到name屬性,...
    blurooo閱讀 2,006評論 0 2
  • 1.截取字符數(shù)組 截取字符數(shù)組 頁面渲染出來 截取字符串 2.數(shù)字格式轉(zhuǎn)換(保留2位小數(shù)等) 格式化為文本。exp...
    SevenLonely閱讀 2,636評論 1 2
  • 管道即獲取數(shù)據(jù)輸入,然后轉(zhuǎn)換他,根據(jù)自己的邏輯得到期望的輸出,和vue的過濾器類似,比如Date類型數(shù)據(jù)我們期望將...
    SuperBinlin閱讀 1,580評論 2 1
  • 1. 管道 管道能很好的封裝和共享的通用“值-顯示”轉(zhuǎn)換邏輯。我們可以像樣式一樣使用它們,把它們?nèi)拥侥0灞磉_式中,...
    HW_____T閱讀 504評論 0 0

友情鏈接更多精彩內(nèi)容