angular 常用的內置的管道


1.CurrencyPipe(貨幣管道):

將數字轉換為貨幣字符串,根據確定組大小和分隔符,小數點字符以及其他特定於區域設置的配置的區域設置規則進行格式化。

{{ value_expression | currency [ : currencyCode [ : display [ : digitsInfo [ : locale ] ] ] ] }}
2.DatePipe(時間管道):

根據區域設置規則格式化日期值。

{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}
3.DecimalPipe(字符串管道)

將數字轉換為字符串,根據確定組大小和分隔符,小數點字符以及其他特定於語言環境的配置的區域設置規則進行格式化。

{{ value_expression | number [ : digitsInfo [ : locale ] ] }}
十進制表示選項,由以下格式的字符串指定:
digitsInfo={minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}。

minIntegerDigits:小數點前的最小整數位數。默認是1。
minFractionDigits:小數點后的最小位數。默認是0。
maxFractionDigits:小數點后的最大位數。默認是3。
<!--output '0,002.71828'-->
<p>e (4.5-5): {{2.718281828459045 | number:'4.5-5'}}</p>
4.DeprecatedCurrencyPipe(貨幣管道)

使用區域設置規則將數字格式化為貨幣。

{{ value_expression | currency [ : currencyCode [ : symbolDisplay [ : digits ] ] ] }}


<!--output '$0,001.35'-->
<p>B: {{1.3495 | currency:'CAD':true:'4.2-2'}}</p>
5.DeprecatedDatePipe(日期管道)

根據區域設置規則格式化日期。

{{ value_expression | date [ : pattern ] }}
6.DeprecatedDecimalPipe (文本管道)

將數字格式化為文本。組大小調整和分隔符以及其他特定於語言環境的配置基於活動區域設置。

{{ value_expression | number [ : digits ] }}
7.DeprecatedPercentPipe(百分比管道)

根據區域設置規則將數字格式化為百分比。

{{ value_expression | percent [ : digits ] }}
8.JsonPipe(json管道)

將值轉換為其JSON格式表示形式。用於調試。

{{ value_expression | json }}
9.LowerCasePipe /uppercase(小寫/大寫管道)

將文本轉換為全部小寫。

{{ value_expression | lowercase }} {{ value_expression | uppercase}}
10.SlicePipe(首字母轉換為大寫)

創建新元素Array或String包含元素的子集(切片)。

{{ value_expression | slice : start [ : end ] }}
11.TitleCasePipe 

將文本轉換為標題大小寫。將每個單詞的第一個字母大寫,並將單詞的其余部分轉換為小寫。單詞由任何空格字符分隔,例如空格,制表符或換行符。

{{ value_expression | titlecase }}
<p>{{'one,two,three' | titlecase}}</p> <!-- output is expected to be "One,two,three" -->
---------------------
原文:https://blog.csdn.net/sky_sunshine_x/article/details/82840168


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM