web-dev-qa-db-fra.com

Le nombre de tuyaux dans Angular2 ne fonctionne pas comme je m'y attendais

platform-browser.umd.js:962 ORIGINAL EXCEPTION: 2 is not a valid digit info for number pipes

Est-ce que j'obtiens d'écrire ceci dans mon modèle:

<li>Percentage satisfied: {{selectedCountry.averageSatisfaction | number:2}}</li>

Mon intention est de produire un nombre décimal avec seulement deux décimales. Quelqu'un peut-il indiquer ce que je fais mal? Voici la documentation: https://docs.angularjs.org/api/ng/filter/number

angularnumbers
16
Piddien

Vous recherchez probablement le DecimalPipe .

Le formatage est transmis en tant que paramètre au tuyau comme ceci:

number:'{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}'

En utilisant cela avec vos besoins:

number:'1.2-2'

Cela vous donnera une chaîne avec au moins 1 chiffre avant le point décimal et exactement 2 après le point décimal.

Exemple d'utilisation des documents:

@Component({
  selector: 'number-example',
  pipes: [DecimalPipe],
  template: `<div>
    <p>e (no formatting): {{e}}</p>
    <p>e (3.1-5): {{e | number:'3.1-5'}}</p>
    <p>pi (no formatting): {{pi}}</p>
    <p>pi (3.5-5): {{pi | number:'3.5-5'}}</p>
  </div>`
})
export class NumberPipeExample {
  pi: number = 3.141;
  e: number = 2.718281828459045;
}
45
rinukkusu