首页 > 其他 > 详细

Angular 管道

时间:2017-07-29 22:58:14      阅读:265      评论:0      收藏:0      [点我收藏+]

一、date管道

1.html

技术分享

2. 控制器中的定义brithday

技术分享

3.效果图

技术分享

如果时间格式 为:

我的生日是{{birthday | date:‘yyyy-MM-dd HH:mm:ss‘}}

 则效果:

我的生日是2017-07-29 21:55:38

  

二、数字管道

圆周率为<p>{{pi | number:‘2.2-2‘}}</p>

 pi定义

pi:number = 3.1415926;
显示效果:两位整数和两位小数

   技术分享

 三、自定义管道

1.创建管道

ng g pipe pipe/multiple

2. 管道定义

技术分享

 

3. 管道使用

<p>自定义管道  {{size | multiple:‘2‘}}</p>

  

4.效果

技术分享

其中size的定义为2,最终结果为2×2





 

Angular 管道

原文:http://www.cnblogs.com/linlf03/p/7257666.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!