//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内置管道
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 定义 管道用于在模板中转换显示的内容 案例 详解 1. 使用@Pipe注解 通常情况下我们只需要用到name属性,...
- 1.截取字符数组 截取字符数组 页面渲染出来 截取字符串 2.数字格式转换(保留2位小数等) 格式化为文本。exp...
- 管道即获取数据输入,然后转换他,根据自己的逻辑得到期望的输出,和vue的过滤器类似,比如Date类型数据我们期望将...