Angularда CurrencyPipe канали ёрдамида валютани форматлаш

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>