99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

通常我們需要使用管道實現(xiàn)對數(shù)據(jù)的格式化，Angular4中的管道和之前有了一些變化，下面說一些常用的管道。

成都創(chuàng)新互聯(lián)公司成立與2013年，是專業(yè)互聯(lián)網(wǎng)技術服務公司，擁有項目成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元澄海做網(wǎng)站,已為上家服務,為澄海各地企業(yè)和個人服務,聯(lián)系電話:028-86922220

一、大小寫轉(zhuǎn)換管道

• uppercase將字符串轉(zhuǎn)換為大寫
• lowercase將字符串轉(zhuǎn)換為小寫

將字符串轉(zhuǎn)換為大寫{{str | uppercase}}

str:string = 'hello'

頁面上會顯示

將字符串轉(zhuǎn)換為大寫HELLO

二、日期管道

date。日期管道符可以接受參數(shù)，用來規(guī)定輸出日期的格式。

現(xiàn)在的時間是{{today | date:'yyyy-MM-dd HH:mm:ss'}}

today:Date = new Date();

頁面上會顯示現(xiàn)在的時間是2017年05月08日10時57分53秒

三、小數(shù)管道

number管道用來將數(shù)字處理為我們需要的小數(shù)格式

接收的參數(shù)格式為{最少整數(shù)位數(shù)}.{最少小數(shù)位數(shù)}-{最多小數(shù)位數(shù)}

其中最少整數(shù)位數(shù)默認為1

最少小數(shù)位數(shù)默認為0

最多小數(shù)位數(shù)默認為3

當小數(shù)位數(shù)少于規(guī)定的{最少小數(shù)位數(shù)}時，會自動補0

當小數(shù)位數(shù)多于規(guī)定的{最多小數(shù)位數(shù)}時，會四舍五入

圓周率是{{pi | number:'2.2-4'}}

pi:number = 3.14159;

頁面上會顯示

圓周率是03.1416

四、貨幣管道

currency管道用來將數(shù)字轉(zhuǎn)換為貨幣格式

{{a | currency:'USD':false}}
{{b | currency:'USD':true:'4.2-2'}}

a:number = 8.2515
b:number = 156.548

頁面上將顯示

USD8.25

0156.55這里的′USD′是美元UnitedStatesdollar的縮寫，當為false時不顯示符，當為true時，則顯示$符。后面的規(guī)定小數(shù)位數(shù)的參數(shù)和上面介紹的一樣。

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。