angular 经常使用的内置的管道

1.CurrencyPipe(货币管道):git

将数字转换为货币字符串,根据肯定组大小和分隔符,小数点字符以及其余特定于区域设置的配置的区域设置规则进行格式化。express

{{ value_expression | currency [ : currencyCode [ : display [ : digitsInfo [ : locale ] ] ] ] }}
2.DatePipe(时间管道):json

根据区域设置规则格式化日期值。.net

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

将数字转换为字符串,根据肯定组大小和分隔符,小数点字符以及其余特定于语言环境的配置的区域设置规则进行格式化。orm

{{ value_expression | number [ : digitsInfo [ : locale ] ] }}
十进制表示选项,由如下格式的字符串指定:
digitsInfo={minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}。blog

minIntegerDigits:小数点前的最小整数位数。默认是1。
minFractionDigits:小数点后的最小位数。默认是0。
maxFractionDigits:小数点后的最大位数。默认是3。
<!--output '0,002.71828'-->
<p>e (4.5-5): {{2.718281828459045 | number:'4.5-5'}}</p>
4.DeprecatedCurrencyPipe(货币管道)three

使用区域设置规则将数字格式化为货币。ip

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


<!--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

相关文章
相关标签/搜索