Je veux que la chose suivante se produise dans mon angulaire 5 application.
J'ai zone de texte où je saisis les valeurs numériques , dès que comme le focus de cette zone de texte est perdu, les valeurs numériques que j'ai saisies doivent être formatées en devise avec '$' et ',', '.' symboles. comment y parvenir?
Je veux montrer mes valeurs numériques d'entrée comme dans l'image ci-dessous.
Ici, la zone de texte montrera à quoi vous vous attendez.
<input name="money" type="text" value="{{amount | number :'1.2-2' | currency }}" [(ngModel)]="amount"/>
Installation - format monétaire mat
$ npm i mat-currency-format
Description La directive peut être utilisée en entrée html pour changer automatiquement l'entrée en devise locale.
L'entrée dans n'importe quelle devise locale est convertie en nombre à l'intérieur du composant. Lors de la mise au point, l'utilisateur verra à taper un nombre et lors de la mise au point, l'utilisateur verra le nombre au format monétaire avec la prise en charge du format d'internalisation et du symbole monétaire.
Le nom du sélecteur de la directive est mvndrMatCurrencyFormat
La directive se compose de deux entrées:
currencyCode (valeur par défaut = 'USD') allowNegative (valeur par défaut = false)
<input type="text"
mvndrMatCurrencyFormat
[allowNegative]="false"
[currencyCode]="'USD'"
[value]="usAmount"
(blur)="updateUSAmount($event)" />
j'espère que cela vous aidera, Cheers!