tubi Numero di per Angular2 non funziona come ci si aspetta

Question

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

è ciò che ottengo da scrivere questo nel mio modello:

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

La mia intenzione è di produrre un numero decimale con solo due decimali. Qualcuno può per favore indicare cosa sto facendo male? Ecco la documentazione: https://docs.angularjs.org/api/ng/filter/number

Answer 1

Probabilmente stai cercando il DecimalPipe.

La formattazione viene passato come parametro al tubo in questo modo:

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

L'utilizzo di questo con le vostre esigenze:

number:'1.2-2' 

questo vi darà una stringa con un minimo di 1 cifra prima cifra decimale punto e esattamente 2 dopo il punto decimale.

---

Esempio di utilizzo dalla documentazione:

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