Formatimi i monedhës duke përdorur një kanal në Angular

Me ndihmën e kanalit CurrencyPipe mund të formatohet nxjerrja e monedhës. Në parametrin e parë të kanalit transmetohet kodi i monedhës sipas specifikimit ISO 4217 (si parazgjedhje USD). Në parametrin e dytë vendosim shfaqjen e monedhës. Ajo mund të marrë vlerat e mëposhtme: 'code' (kodi i monedhës), 'symbol' (simboli i saj), 'symbol-narrow' (për vendet që kanë disa simbole të monedhës), 'string' (për nxjerrjen e çdo vargu). Në parametrin e tretë jo të detyrueshëm mund të vendosim formatin e numrit, të ngjashëm me kanalin DecimalPipe. Në parametrin e katërt jo të detyrueshëm mund të specifikohet kodi i lokalitetit të përdorur:

<div>{{ value | number : kodi i monedhës : shfaqja e monedhës : formati i numrit : kodi i lokalitetit }}</div>

Shembuj

Le të provojmë funksionimin e kanalit me shembuj. Për këtë, në klasën e komponentit le të vendosim vetinë e mëposhtme salary, që përmban pagën në një monedhë të caktuar:

export class AppComponent {
	salary: number = 867.564;
}

Shembull

Le ta transformojmë numrin tonë në monedhë:

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

Rezultati i ekzekutimit të kodit:

<div>$867.56</div>

Shembull

Tani le të specifikojmë shfaqjen e monedhës në rubla ruse:

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

Rezultati i ekzekutimit të kodit:

<div>RUB867.56</div>

Shembull

Le të nxjerrim pranë numrit simbolin e rublës ruse:

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

Rezultati i ekzekutimit të kodit:

<div>₽867.56</div>

Shembull

Tani le ta bëjmë numrin me katër shifra në pjesën thyesore:

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

Rezultati i ekzekutimit të kodit:

<div>RUB867.5640</div>

Shembull

Le t'i shtojmë shfaqjes së monedhës vargun e mëposhtëm:

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

Rezultati i ekzekutimit të kodit:

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