Angular-da kanal arkaly pul birligini formatlaýan

CurrencyPipe kanaly bilen pul birligini formatlap görkezmek bolýar. Kanalyň birinji parametrende ISO 4217 spesifikasiýasyna laýyklykda pul birliginiň kody berilýär (böwetdegi bahasy USD). Ikinji parametrende pul birliginiň görkezilişini kesgitleýäris. Oňa aşakdaky bahalar berlip biliner: 'code' (pul birliginiň kody), 'symbol' (onyň nyşany), 'symbol-narrow' (birnäçe pul nyşany bolan ýurtlar üçin), 'string' (islendik setiri görkezmek üçin). Üçünji hökmany bolmadyk parametrede biz san formatyny kesgitlep bileris, bu DecimalPipe kanalyna meňzeýär. Dördünji hökmany bolmadyk parametrede ulanylýan lokalyň kody görkezilip biliner:

html<div>{{ value | number : pul birliginiň kody : pul birliginiň görkezilişi : san formaty : lokal kody }}</div>

Mysallar

Geliň kanalyň işini mysallar bilen synap göreli. Bun üçin komponent klassyna aşakdaky salary hassaýany belläp, ýagny käbir pul birliginde aýlyk hak goýbereli:

app/app.component.tsexport class AppComponent {
  salary: number = 867.564;
}

Mysal

Geliň sanymyzy pul birligine öwüreli:

app/app.component.html<div>{{ salary | currency }}</div>

Kody ýerine ýetirmegiň netijesi:

html<div>$867.56</div>

Mysal

Indi rus rublunyň görkezilişini görkezeli:

app/app.component.html<div>{{ salary | currency:'RUB':'code' }}</div>

Kody ýerine ýetirmegiň netijesi:

html<div>RUB867.56</div>

Mysal

Geliň sanyň gapdalynda rus rublunyň nyşanyny görkezeli:

app/app.component.html<div>{{ salary | currency:'RUB':'symbol-narrow' }}</div>

Kody ýerine ýetirmegiň netijesi:

html<div>₽867.56</div>

Mysal

Indi dört belgili san bilen kesir bölümi görkezeli:

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

Kody ýerine ýetirmegiň netijesi:

html<div>RUB867.5640</div>

Mysal

Geliň pul birliginiň görkezilişine aşakdaky setiri goşaly:

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

Kody ýerine ýetirmegiň netijesi:

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

Amaly wezipeler

typescriptsalary: number = 134.89;

typescript'$134.89'

typescriptsalary: number = 134.89;

typescript'€134.89'

typescriptsalary: number = 134.89;

typescript'$134.890'

typescriptsalary: number = 134.89;

typescript'$0,134.8900'

typescriptsalary: number = 134.89;

typescript'this currency is changed 134.89'