Le framework Angular est fourni avec un pipeline pour mettre en valeur les chiffres, ce que je n’ai pas fait au début, donc j’ai trouvé des informations sur Internet, puis je les ai implémentées moi-même, le code est le suivant :
Les préfixes et suffixes sont pris en charge. Nous pouvons en fait utiliser CurrencyPipe directement.
CurrencyPipe
Convertir les nombres en chaînes de montants et les formater selon les règles de localisation qui déterminent la taille du groupe, des séparateurs, des caractères décimaux et d’autres éléments de configuration liés à l’environnement de localisation.
Saisissez une valeur
valeur tout
Le chiffre doit être formaté en monnaie.
paramètre
| DeviseCode | Corde | Codes de change dans la norme ISO 4217, tels que USD pour USD et EUR pour EUR. Le code de devise par défaut peut être configuré avec le jeton d’injection DEFAULT_CURRENCY_CODE. Optionnel. La valeur par défaut est indéfinie. | | Affichage | chaîne | Booléen | Le format de l’indicateur de monnaie avec des valeurs valides comprend : code : Affiche le code de change (par exemple USD). symbole (par défaut) : affiche un symbole de monnaie (par exemple $). symbole-étroit : utilise le symbole de rétrécissement de la région, qui comprend deux symboles. Par exemple, le dollar canadien a un symbole pour CA$, et son symbole de rétrécissement est $. Si la zone n’a pas de symbole de rétrécire, elle utilise son symbole standard. Chaîne : Utilise la valeur de chaîne spécifiée au lieu du code ou symbole de la monnaie. Par exemple, une chaîne vide supprimera le code ou le symbole de la monnaie. Booléen (déprécié depuis la v5) : vrai pour les symboles monétaires, faux pour les symboles monétaires. Optionnel. La valeur par défaut est « symbole ». | | digitsInfo | Corde | L’option d’afficher les chiffres est spécifiée par une chaîne dans le format suivant : {minIntegerDigits}. {minFractionDigits}-{maxFractionDigits}。 MinIntegerDigits : Le plus petit nombre de chiffres avant la virgule décimale. Par défaut, c’est 1. MinFractionDigits : Le plus petit nombre de chiffres après la virgule décimal. Par défaut, c’est 0. maxFractionDigits : Le nombre maximum après la virgule décimal, qui par défaut est 3. Si le numéro n’est pas fourni, le numéro est correctement formaté selon la norme ISO 4217. Par exemple, le dollar canadien a 2 chiffres, tandis que le peso chilien n’en a pas. Optionnel. La valeur par défaut est indéfinie. | | Localisation | Corde | Le code de format localisé à utiliser. Si cela ne le fait pas, utilisez la valeur de LOCALE_ID, qui par défaut est en-US. Voir Configurer une région pour votre application. Optionnel. La valeur par défaut est indéfinie. |
Les rendus sont les suivants :
|