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>