管道的作用:将原始值进行处理之后显示到thml中的工具
简单代码例子:
//设data=1.378294367
<h1>身高为:data | number: "1.2-3"</h1>
最后的结果为:1.378
这个管道的作用是:对data的数据进行裁剪:保留2整数,小数最少保留2位,最多保留3位。
常用的管道有:
| lowercase : 字符转化为小写
| uppercase : 字符转化为大写
| number : ‘2.2-3’ : 对数据进行裁剪
| data: ‘yyyy-MM-dd HH :mm: ss’ : 对日期进行格式化
| async :处理异步的流
自定义管道的设置:
使用ng命令行来生成管道的文件:
ng g pipe pipe/name;
//管道一般放在pipe目录下面
然后在name中去编写管道的功能就可以使用了;
注:管道数据传入直接用 : 分割开。