Angular da kanal yordamida valyuta formatlash

CurrencyPipe kanali yordamida valyuta chiqishini formatlash mumkin. Kananing birinchi parametrida ISO 4217 spetsifikatsiyasiga ko'ra valyuta kodi beriladi (standart bo'yicha USD). Ikkinchi parametrda valyutaning ko'rinishini belgilaymiz. U quyidagi qiymatlarni qabul qilishi mumkin: 'code' (valyuta kodi), 'symbol' (uning belgisi), 'symbol-narrow' (bir nechta valyuta belgisiga ega bo'lgan mamlakatlar uchun), 'string' (har qanday satrni chiqarish uchun). Uchinchi ixtiyoriy parametrda DecimalPipe kanaliga o'xshash raqam formatini belgilashimiz mumkin. To'rtinchi ixtiyoriy parametrda foydalaniladigan lokalning kodini ko'rsatish mumkin:

<div>{{ value | number : valyuta kodi : valyuta ko'rinishi : raqam formati : lokal kodi }}</div>

Misollar

Kanalning ishlashini misollar orqali sinab ko'ramiz. Buning uchun komponent klassida ma'lum bir valyutadagi maoshni o'z ichiga olgan salary xususiyatini quyidagicha belgilaymiz:

export class AppComponent {
	salary: number = 867.564;
}

Misol

Keling, raqamimizni valyutaga aylantiramiz:

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

Kodni bajarish natijasi:

<div>$867.56</div>

Misol

Endi valyutaning ko'rinishini Rossiya rubllarida ko'rsatamiz:

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

Kodni bajarish natijasi:

<div>RUB867.56</div>

Misol

Keling, raqam yonida Rossiya rublining belgisini chiqaramiz:

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

Kodni bajarish natijasi:

<div>₽867.56</div>

Misol

Endi raqamni kasr qismida to'rtta raqam bilan chiqaramiz:

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

Kodni bajarish natijasi:

<div>RUB867.5640</div>

Misol

Keling, valyuta ko'rinishiga quyidagi satrni qo'shamiz:

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

Kodni bajarish natijasi:

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