Angular-та ағын арқылы валютаны пішімдеу

CurrencyPipe ағынының көмегімен валютаны пішімдеуге болады. Ағынның бірінші параметрінде ISO 4217 спецификациясы бойынша валюта коды беріледі (әдепкі бойынша USD). Екінші параметрде валютаның көрінісін белгілейміз. Ол келесі мәндерді қабылдай алады: 'code' (валюта коды), 'symbol' (оның таңбасы), 'symbol-narrow' (бірнеше валюта таңбасы бар елдер үшін), 'string' (кез келген жолды шығару үшін). Үшінші міндетті емес параметрде біз сан пішімін белгілей аламыз, DecimalPipe ағынына ұқсас. Төртінші міндетті емес параметрде қолданылатын локалдің кодын көрсетуге болады:

<div>{{ value | number : валюта коды : валютаның көрінісі : сан пішімі : локал коды }}</div>

Мысалдар

Ағынның жұмысын мысалдармен көрейік. Ол үшін компонент класында белгілі бір валютадағы жалақыны қамтитын salary қасиетін келесідей белгілейміз:

export class AppComponent {
	salary: number = 867.564;
}

Мысал

Біздің санымызды валютаға түрлендірейік:

<div>{{ salary | currency }}</div>

Кодты орындау нәтижесі:

<div>$867.56</div>

Мысал

Енді ресейлік рубльдегі валюта көрінісін көрсетейік:

<div>{{ salary | currency:'RUB':'code' }}</div>

Кодты орындау нәтижесі:

<div>RUB867.56</div>

Мысал

Санның жанына ресей рублінің таңбасын шығарайық:

<div>{{ salary | currency:'RUB':'symbol-narrow' }}</div>

Кодты орындау нәтижесі:

<div>₽867.56</div>

Мысал

Енді бөлшек бөлігінде төрт цифры бар санды көрсетейік:

<div>{{ salary | currency:'RUB':'symbol':'2.4-5' }}</div>

Кодты орындау нәтижесі:

<div>RUB867.5640</div>

Мысал

Валюта көрінісіне келесі жолды қосамыз:

<div>{{ salary | currency:'RUB':'this is a new currency - ' }}</div>

Кодты орындау нәтижесі:

<div>this is a new currency - 867.56</div>

Практикалық тапсырмалар

Сан берілген:

salary: number = 134.89;

Оны келесі түрде пішімдеңіз:

'$134.89'

Сан берілген:

salary: number = 134.89;

Оны келесі түрде пішімдеңіз:

'€134.89'

Сан берілген:

salary: number = 134.89;

Оны келесі түрде пішімдеңіз:

'$134.890'

Сан берілген:

salary: number = 134.89;

Оны келесі түрде пішімдеңіз:

'$0,134.8900'

Сан берілген:

salary: number = 134.89;

Оны келесі түрде пішімдеңіз:

'this currency is changed 134.89'