angular2内置管道

//1. 字母大写
{{content| uppercase}}
//2. 字母小写
{{content| lowercase}}
//3. 数字格式化
{{num| number: '3.2-2'}}
解释:
{minIntegerDigits}.{minFractionDigits}-{maxfractionDigits}
minIntegerDigits:整数部分保留最小的位数,默认值为1.
minFractionDigits:小数部分保留最小的位数,默认值为0.
maxFractionDigits:小数部分保留最大的位数,默认值为3.
//4. 百分数格式
{{num| percent:'1.2-2'}}
解释:
{minIntegerDigits}.{minFractionDigits}-{maxfractionDigits}
minIntegerDigits:整数部分保留最小的位数,默认值为1.
minFractionDigits:小数部分保留最小的位数,默认值为0.
maxFractionDigits:小数部分保留最大的位数,默认值为3.
//5. 字符串截取
{{content| slice:2:4}}
expression | slice: start[: end] 与java中substring类似
//6. 日期格式化
{{date| date:'yyyy-MM-dd HH:mm:ss'}}
date可以是日期对象,也可以是字符串如:
date = '2016/06/07 21:30:00';
date = new Date();
//6. json格式化
 {{list| json}}
主要用于测试环境
//7. 多次管道
{{content|lowercase | slice:2:4}}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 对于angular2管道,本人理解的不是很深入,希望有所帮助。ionic2项目中创建自定义管道方法。 运行命令 i...
    baidi_1991阅读 3,616评论 0 0
  • 定义 管道用于在模板中转换显示的内容 案例 详解 1. 使用@Pipe注解 通常情况下我们只需要用到name属性,...
    blurooo阅读 5,927评论 0 2
  • 1.截取字符数组 截取字符数组 页面渲染出来 截取字符串 2.数字格式转换(保留2位小数等) 格式化为文本。exp...
    SevenLonely阅读 7,342评论 1 2
  • 管道即获取数据输入,然后转换他,根据自己的逻辑得到期望的输出,和vue的过滤器类似,比如Date类型数据我们期望将...
    SuperBinlin阅读 5,351评论 2 1
  • 1. 管道 管道能很好的封装和共享的通用“值-显示”转换逻辑。我们可以像样式一样使用它们,把它们扔到模板表达式中,...
    HW_____T阅读 3,283评论 0 0