web-dev-qa-db-fra.com

comment obtenir le type de devise Entrée en angular 5?

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.

enter image description here

4
Harsha Bhat

Ici, la zone de texte montrera à quoi vous vous attendez.

<input name="money" type="text" value="{{amount | number :'1.2-2' | currency }}" [(ngModel)]="amount"/>
0
Sagar C

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)

Démo

<input type="text"
      mvndrMatCurrencyFormat
      [allowNegative]="false"
      [currencyCode]="'USD'"
      [value]="usAmount"
      (blur)="updateUSAmount($event)" />

j'espère que cela vous aidera, Cheers!

0