Angular 4 管道


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




 
        

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM