码迷,mamicode.com
首页 > 其他好文 > 详细

Angular 管道

时间:2017-07-29 23:16:58      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:创建   定义   height   .com   使用   time   date   技术   时间格式   

一、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 管道

标签:创建   定义   height   .com   使用   time   date   技术   时间格式   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!