Quels sont les paramètres pour le nombre Pipe - Angular 2

Question

J'ai utilisé le pipe numérique ci-dessous pour limiter les nombres à deux décimales.

{{ exampleNumber | number : '1.2-2' }}

Je me demandais quelle était la logique derrière '1.2-2' ? J'ai joué avec ces paramètres pour essayer d'obtenir un tuyau qui filtre jusqu'à zéro décimale, mais sans succès.

Answer 1

Le paramètre a la syntaxe suivante :

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

Donc votre exemple de '1.2-2' signifie :

• Un minimum d'un chiffre sera affiché avant le point décimal.
• Il affichera au moins 2 chiffres après le point décimal.
• Mais pas plus de 2 chiffres

Answer 2

1. En ce qui concerne votre première question, le tuyau fonctionne comme suit :

   numberValue | number: {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

   • minIntegerDigits : Nombre minimum de chiffres entiers à afficher avant le point décimal, fixé à 1 par défaut.

   • minFractionDigits : Nombre minimum de chiffres entiers à afficher après le point décimal

   • maxFractionDigits : Nombre maximum de chiffres entiers à afficher après le point décimal

En ce qui concerne votre deuxième question, filtrez à zéro décimale comme suit :

{{ numberValue | number: '1.0-0' }}

Pour en savoir plus, consultez les documents suivants blog

Answer 3

De la DOCS

Formate un nombre en tant que texte. La taille des groupes, le séparateur et les autres configurations spécifiques à la locale sont basées sur la locale active.

SYNTAX :

number_expression | number[:digitInfo[:locale]]

où expression est un nombre :

digitInfo est une chaîne de caractères dont le format est le suivant :

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

• minIntegerDigits est le nombre minimum de chiffres de l'entier à utiliser (1 par défaut).
• minFractionDigits est le nombre minimum de chiffres.
• après la fraction. La valeur par défaut est 0. maxFractionDigits est le nombre maximum de chiffres. nombre de chiffres après la fraction. La valeur par défaut est 3.
• locale est une chaîne définissant la locale à utiliser (utilise la LOCALE_ID actuelle par défaut).

DEMO

Answer 4

1.0-0' vous donnera zéro décimale, c'est-à-dire aucune décimale. Par exemple, 500 $.

Answer 5

0.0-0' vous donnera un nombre rond formaté avec ','.

100000.2 -> 100,000

très cool