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

posted @ 2019-05-17 10:48  苏氏之道  阅读(3695)  评论(0编辑  收藏  举报