Angular 2 - Comment rediriger l'entrée utilisateur dans le tag d'entrée HTML avec ReactiveFormGroup

Question

J'ai du mal à obtenir des valeurs entrées par l'utilisateur formatées via un tube décimal pour Angular 2. Quelqu'un at-il une solution de contournement élégante? Mon entrée est liée à un groupe de formulaire via FormControlName. Par exemple, si un utilisateur entre «1000000» dans un champ de saisie, je voudrais le reformater à 1 000 000 pour que l'utilisateur puisse le voir tout en conservant 1000000 sur le contrôle réel. Je cherche le comportement pour limiter le nombre de valeurs entières aussi bien que les places décimales.

Answer 1

Pour utiliser un format de devise que vous pouvez utiliser la méthode de toLocaleString, par exemple:

var number = 3500000.78965736437; 

console.log(number.toLocaleString('en-GB', { maximumFractionDigits: 2 })); 

qui est une méthode Javascript,

Vous pouvez voir tous les formats locaux à http://www.localeplanet.com/icu/iso639.html

ici est l'exemple Javascript en cours: https://repl.it/KDvD/20

Answer 2

Vous pouvez utiliser un tuyau

{{ '1000000' | number:'.2'}} 

plus d'info https://angular.io/api/common/DecimalPipe