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