Форматирование валюта бо истифода аз маҷро дар 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>