Форматирање валуте помоћу цеви у 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>