angular 内置管道和自定义管道

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

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值