Фарматаванне валюты з дапамогай канала ў Angular

З дапамогай канала CurrencyPipe можна адфарматаваць вывад валюты. У першым параметры канала перадаецца код валюты згодна спецыфікацыі ISO 4217 (па змаўчанні USD). У другім параметры задаем адлюстраванне валюты. Яно можа прымаць наступныя значэнні: 'code' (код валюты), 'symbol' (яе сімвал), 'symbol-narrow' (для краін, у якіх некалькі сімвалаў валюты), 'string' (для вываду любой радкі). У трэцім неабавязковым параметры можам задаць фармат ліку, аналагічны каналу DecimalPipe. У чацвёртым неабавязковым параметры можна пазначыць код выкарыстанай лакалі:

html<div>{{ value | number : код валюты : адлюстраванне валюты : фармат ліку : код лакалі }}</div>

Прыклады

Давайце паспрабуем працу канала на прыкладах. Для гэтага ў класе кампанента зададзім наступнае ўласцівасць salary, якая змяшчае зарплату ў некаторай валюце:

app/app.component.tsexport class AppComponent {
  salary: number = 867.564;
}

Прыклад

Давайце пераўтворым наш лік у валюту:

app/app.component.html<div>{{ salary | currency }}</div>

Вынік выканання кода:

html<div>$867.56</div>

Прыклад

Цяпер давайце пакажам адлюстраванне валюты ў расійскіх рублях:

app/app.component.html<div>{{ salary | currency:'RUB':'code' }}</div>

Вынік выканання кода:

html<div>RUB867.56</div>

Прыклад

Давайце выведзем побач з лікам сімвал расійскага рубля:

app/app.component.html<div>{{ salary | currency:'RUB':'symbol-narrow' }}</div>

Вынік выканання кода:

html<div>₽867.56</div>

Прыклад

Цяпер давайце лікам з чатырма лічбамі у дробнай частцы:

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

Вынік выканання кода:

html<div>RUB867.5640</div>

Прыклад

Давайце дадамо да адлюстравання валюты наступную радок:

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

Вынік выканання кода:

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