angular 管道(相当于1.x中的filter过滤器):主要用于格式化源数据,而不改变源数据
angular内置过滤器:
Angular 2 内建管道及分类
String -> String
UpperCasePipe 大写转换
LowerCasePipe 小写转换
TitleCasePipe 将文本转换为标题大小写,将每个单词的第一个字母大写,并将单词的其余部分转换为小写。单词由任何空格字符分隔,例如空格,制表符或换行符
Number -> String
DecimalPipe 将数字转换为字符串,根据确定组大小和分隔符,小数点字符以及其他特定于语言环境的配置的区域设置规则进行格式化。
PercentPipe 百分比管道,根据区域设置规则将数字格式化为百分比。
CurrencyPipe 货币管道
Object -> String
JsonPipe 将JavaScript 对象转化为JSON字符串
DatePipe 返回指定格式的日期
Tools
SlicePipe 截取
AsyncPipe
I18nPluralPipe
I18nSelectPipe
demo:
大写转换:<p>{ { 'Angular' | uppercase }}</p><!-- Output: ANGULAR -->
小写转换:<p>{ { 'Angular' | lowercase }}</p><!-- Output: angular -->
标题转换:<p>{ {'one,two,three' | titlecase}}</p> <!-- output is expected to be "One,two,three" -->数字转字符串:
{ { value_expression | number [ : digitsInfo [ : locale ] ] }}
十进制表示选项,由以下格式的字符串指定:
digitsInfo={minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}。minIntegerDigits:小数点前的最小整数位数。默认是1。
minFractionDigits:小数点后的最小位数。默认是0。
maxFractionDigits:小数点后的最大位数。默认是3。
<!--