Limiter à 2 décimales avec un simple tuyau

Question

J'ai trouvé un exemple qui limite un nombre à 2 décimales ET transforme le chiffre en un montant en devise - par exemple £2.55.

{{ number | currency : 'GBP' : true : '1.2-2'}}

Existe-t-il un tuyau simple qui fait la même chose sans appliquer une devise ?

Answer 1

Currency pipe utilise le number un en interne pour le formatage des nombres. Vous pouvez donc l'utiliser comme ceci :

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

Answer 2

Eh bien maintenant, ce sera différent après Angular 5 :

{{ number | currency :'GBP':'symbol':'1.2-2' }}

Answer 3

Ça marche

.ts -> pi = 3.1415

.html -> {{ pi | number : '1.0-2' }}

Ouput -> 3.14

1. si elle a une décimale, elle n'en montre qu'une seule
2. si elle a deux décimales, elle affiche les deux

https://stackblitz.com/edit/angular-e8g2pt?file=src/app/app.component.html

cela fonctionne pour moi !!! merci !!

Answer 4

Une solution simple

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

//output like this

// public orderTotal = 220.45892221

//   {{ orderTotal | number : '1.2-2'}} 

// final Output
//  220.45