Valuuta vormindamine toru abil Angularis

Toru CurrencyPipe abil saab vormindada valuuta väljundit. Toru esimeses parameetris edastatakse valuuta kood vastavalt ISO 4217 spetsifikatsioonile (vaikimisi USD). Teises parameetris määrame valuuta kuvamise. See võib võtta järgmised väärtused: 'code' (valuuta kood), 'symbol' (selle sümbol), 'symbol-narrow' (riikide jaoks, kellel on mitu valuuta sümbolit), 'string' (suvalise stringi kuvamiseks). Kolmandas valikulises parameetris saame määrata numbri vormingu, sarnaselt torule DecimalPipe. Neljandas valikulises parameetris saab määrata kasutatava locale koodi:

<div>{{ value | number : valuuta kood : valuuta kuvamine : numbri vorming : locale kood }}</div>

Näited

Proovime toru tööd näidete varal. Selleks määrame komponendi klassis järgmise omaduse salary, mis sisaldab palka mingis valuutas:

export class AppComponent {
	salary: number = 867.564;
}

Näide

Teisendame oma numbri valuutaks:

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

Koodi täitmise tulemus:

<div>$867.56</div>

Näide

Nüüd määrame valuuta kuvamise Venemaa rublades:

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

Koodi täitmise tulemus:

<div>RUB867.56</div>

Näide

Kuvame numbri kõrval Vene rubla sümboli:

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

Koodi täitmise tulemus:

<div>₽867.56</div>

Näide

Nüüd numbri nelja kohaga murdosas:

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

Koodi täitmise tulemus:

<div>RUB867.5640</div>

Näide

Lisame valuuta kuvamisele järgmise stringi:

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

Koodi täitmise tulemus:

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