Angular管道设置 :

管道的作用:将原始值进行处理之后显示到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中去编写管道的功能就可以使用了;
注:管道数据传入直接用 : 分割开。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值