美文网首页
angular2内置管道

angular2内置管道

作者: Longwide123 | 来源:发表于2017-04-20 09:02 被阅读699次
//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内置管道

  • Angular内置管道

    https://blog.csdn.net/onil_chen/article/details/78182160

  • angular2管道的使用。

    对于angular2管道,本人理解的不是很深入,希望有所帮助。ionic2项目中创建自定义管道方法。 运行命令 i...

  • angular管道

    # 1:内置管道 date | json | uppercase | lowercase | number |...

  • angular2管道pipe

    谁用angular2自定义管道写过过滤器,搜索类似于angular1中firter的功能?急急

  • angular-管道

    管道其实是一些简单的函数,可以在模板表达式中用来接受输入值,并返回一个转换后的值。管道分为内置管道和自定义管道两种...

  • 时间格式兼容和时间相加减

    时间格式兼容 最近写项目遇到一个奇怪的问题,在IE中无法用angular2的管道将"2017-6-8"这样的时间转...

  • Angular2中Pipe的用法

    Pipe的作用 都是用来对输入的数据进行处理,如大小写转换、数值和日期格式化等。 Angular2的内建管道和分类...

  • 3.5 使用 Angular2 框架

    3.5 使用 Angular2 框架 问题一:如何接入Angular2 框架? 由于 Angular2 项目中采用...

  • Angular2-自定义指令@Directive

    概述 所谓指令就是用于改变一个DOM元素的外观或行为,Angular2为我们封装了很多的内置指令,项目中也无时无刻...

网友评论

      本文标题:angular2内置管道

      本文链接:https://www.haomeiwen.com/subject/lxsfzttx.html