Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Vue: 17672|Répondre: 0

[Angulaire] Angular 9 Series (V) formate le format de la monnaie de la quantité

[Copié le lien]
Publié sur 04/06/2020 10:47:28 | | | |
Composants dynamiquement chargés de la série Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Paramètres de transmission dynamique des composants de la série angulaire 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

La série Angular 9 (3) s’inscrit aux événements dynamiques à composants
https://www.itsvse.com/thread-9246-1-1.html

Canalisations personnalisées Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formate le format de la monnaie de la quantité
https://www.itsvse.com/thread-9249-1-1.html

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


DeviseCodeCordeCodes 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.
Affichagechaîne | BooléenLe 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 ».
digitsInfoCordeL’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.
LocalisationCordeLe 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 :







Précédent:Canalisations personnalisées Angular 9 Series (IV)
Prochain:La fonction var de la feuille de style CSS en cascade
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.

Mail To:help@itsvse.com