Uundaji wa Sarafu Kwa Kutumia Mfereji wa Angular
Kwa kutumia mfereji CurrencyPipe unaweza
kuunda muonekano wa sarafu. Kwenye kigezo cha kwanza
cha mfereji hupitishwa msimbo wa sarafu
kulingana na utaftaji wa ISO 4217 (kwa
msingi USD). Kwenye kigezo cha pili tunaweka
muonekano wa sarafu. Inaweza kukubali
maadili yafuatayo: 'code' (msimbo
wa sarafu), 'symbol' (ishara yake),
'symbol-narrow' (kwa nchi ambazo zina
ishara nyingi za sarafu), 'string'
(kwa kuonyesha mfumo wowote wa maneno). Kwenye kigezo cha tatu
cha hiari tunaweza kuweka
muundo wa nambari, sawa na mfereji DecimalPipe.
Kwenye kigezo cha nne cha hiari kunaweza
kuonyeshwa msimbo wa lugha inayotumika:
<div>{{ value | number : msimbo wa sarafu : muonekano wa sarafu : muundo wa nambari : msimbo wa lugha }}</div>
Mifano
Tujaribu kazi ya mfereji kwenye mifano.
Kwa kufanya hivyo kwenye darasa la kijenzi tuweke
sifa ifuatayo salary, inayokuwa na
mshahara kwa sarafu fulani:
export class AppComponent {
salary: number = 867.564;
}
Mfano
Wacha tubadilishe nambari yetu kuwa sarafu:
<div>{{ salary | currency }}</div>
Matokeo ya utekelezaji wa msimbo:
<div>$867.56</div>
Mfano
Sasa tuonyeshe muonekano wa sarafu kwa ruble za Kirusi:
<div>{{ salary | currency:'RUB':'code' }}</div>
Matokeo ya utekelezaji wa msimbo:
<div>RUB867.56</div>
Mfano
Wacha tuonyeshe karibu na nambari ishara ya ruble ya Kirusi:
<div>{{ salary | currency:'RUB':'symbol-narrow' }}</div>
Matokeo ya utekelezaji wa msimbo:
<div>₽867.56</div>
Mfano
Sasa wacha tuwe na nambari yenye tarakimu nne katika sehemu ya sehemu ndogo:
<div>{{ salary | currency:'RUB':'symbol':'2.4-5' }}</div>
Matokeo ya utekelezaji wa msimbo:
<div>RUB867.5640</div>
Mfano
Wacha tuongeze kwenye muonekano wa sarafu mfumo wa maneno ufuatao:
<div>{{ salary | currency:'RUB':'this is a new currency - ' }}</div>
Matokeo ya utekelezaji wa msimbo:
<div>this is a new currency - 867.56</div>
Kazi za Vitendo
Nambari iliyopewa:
salary: number = 134.89;
Iundee kwa muonekano ufuatao:
'$134.89'
Nambari iliyopewa:
salary: number = 134.89;
Iundee kwa muonekano ufuatao:
'€134.89'
Nambari iliyopewa:
salary: number = 134.89;
Iundee kwa muonekano ufuatao:
'$134.890'
Nambari iliyopewa:
salary: number = 134.89;
Iundee kwa muonekano ufuatao:
'$0,134.8900'
Nambari iliyopewa:
salary: number = 134.89;
Iundee kwa muonekano ufuatao:
'this currency is changed 134.89'
