Formatiranje valute pomoću kanala u Angularu

Pomoću kanala CurrencyPipe možemo formatirati prikaz valute. U prvom parametru kanala prosleđuje se kod valute prema ISO 4217 specifikaciji (podrazumevano USD). U drugom parametru postavljamo prikaz valute. On može imati sledeće vrednosti: 'code' (kod valute), 'symbol' (njen simbol), 'symbol-narrow' (za zemlje koje imaju više simbola valute), 'string' (za prikaz bilo kog stringa). U trećem opcionom parametru možemo postaviti format broja, sličan kanalu DecimalPipe. U četvrtom opcionom parametru možemo navedi kod korišćene lokalizacije:

<div>{{ value | number : kod valute : prikaz valute : format broja : kod lokalizacije }}</div>

Primeri

Hajde da isprobamo rad kanala na primerima. Za ovo u klasi komponente ćemo postaviti sledeće svojstvo salary, koje sadrži platu u određenoj valuti:

export class AppComponent {
	salary: number = 867.564;
}

Primer

Hajde da transformišemo naš broj u valutu:

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

Rezultat izvršavanja koda:

<div>$867.56</div>

Primer

Sada hajde da navedemo prikaz valute u ruskim rubljima:

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

Rezultat izvršavanja koda:

<div>RUB867.56</div>

Primer

Hajde da prikažemo pored broja simbol ruske rublje:

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

Rezultat izvršavanja koda:

<div>₽867.56</div>

Primer

Sada hajde da prikažemo broj sa četiri cifre u decimalnom delu:

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

Rezultat izvršavanja koda:

<div>RUB867.5640</div>

Primer

Hajde da dodamo prikazu valute sledeći string:

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

Rezultat izvršavanja koda:

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