Nombre de tuyaux en Angular2 ne fonctionne pas comme je m'attends

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

Est ce que je reçois de l'écriture de ce dans mon template:

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

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

Qu'en est |number:'2'?
Je peux essayer. Lorsque l'on parle chiffres, il faut prendre une chaîne de caractères (lol)
Ce paramètre est une chaîne un il a besoin pour correspondre github.com/angular/angular/blob/... ({minIntegerDigits}.{minFractionDigits}-{maxFractionDigits})
Désolé, il ne semble pas faire la différence. Je ne peut pas vérifier le modèle directement comme il a été converti dans le processus de construction. Mais je vais essayer de vérifier le fichier d'enregistrement dans le composant.

OriginalL'auteur Piddien | 2016-06-06

  1. 34

    Vous êtes probablement à la recherche pour le DecimalPipe.

    La mise en forme est transmis comme paramètre à la conduite, comme ceci: 

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

    À l'aide de ce avec vos besoins:

    number:'1.2-2'

    Cela vous donnera une chaîne avec un minimum de 1 chiffre avant la virgule et 2 après le point décimal.

    Exemple d'utilisation de la documentation:

    @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;
}

    OriginalL'auteur rinukkusu