Angular-frameworket leveres med en pipeline til at formatere tal til valuta, hvilket jeg ikke gjorde i starten, så jeg fandt noget information på internettet og implementerede det så selv, koden er som følger:
Præfikser og suffikser understøttes. Vi kan faktisk bruge CurrencyPipe direkte.
CurrencyPipe
Konverter tal til strenge af mængder og formater dem efter lokaliseringsregler, der bestemmer størrelsen på gruppen, separatorer, decimaltegn og andre konfigurationselementer relateret til lokaliseringsmiljøet.
Indtast en værdi
værdi enhver
Tallet skal formateres som valuta.
parameter
| valutakode | Streng | Valutakoder i ISO 4217, såsom USD for USD og EUR for EUR. Standardvalutakoden kan konfigureres med DEFAULT_CURRENCY_CODE injektionstoken. Valgfrit. Standardværdien er udefineret. | | Skærm | Streng | Boolesk | Formatet for valutaindikatoren med gyldige værdier inkluderer: kode: Viser valutakoden (f.eks. USD). symbol(standard): Viser et valutasymbol (f.eks. $). Symbol-snævring: Bruger det indsnævrende symbol for regionen, som indeholder to symboler. For eksempel har den canadiske dollar et symbol for CA$, og dens indsnævringssymbol er $. Hvis området ikke har et indsnævrende symbol, bruger det sit standardsymbol. Streng: Bruger den angivne strengværdi i stedet for valutakoden eller symbolet. For eksempel vil en tom streng fjerne valutakoden eller symbolet. Boolean (forældet fra v5): sandt for valutasymboler, falsk for valutasymboler. Valgfrit. Standardværdien er 'symbol'. | | cifreInfo | Streng | Muligheden for at vise tallene specificeres af en streng i følgende format: {minIntegerDigits}. {minFractionDigits}-{maxFractionDigits}。 minIntegerDigits: Det mindste antal cifre før decimalpunktet. Standarden er 1. minFractionDigits: Det mindste antal cifre efter decimalpunktet. Standarden er 0. maxFractionDigits: Det maksimale tal efter decimalpunktet, som som standard er 3. Hvis det ikke er oplyst, er nummeret korrekt formateret i henhold til ISO 4217-specifikationen. For eksempel har den canadiske dollar to cifre, mens den chilenske peso ikke har. Valgfrit. Standardværdien er udefineret. | | Lokalitet | Streng | Den lokaliserede formatkode at bruge. Hvis det ikke er angivet, brug værdien LOCALE_ID, som som standard er en-US. Se Opsætning af region til din app. Valgfrit. Standardværdien er udefineret. |
Renderingerne er som følger:
|