ngx currency

devise NGX

Démo

https://nbfontana.github.io/ngx-currency/

Table des matières

• À propos
• Installation
• Documentation
• Développement
• Licence

À propos

Commencer

Installation et importation

Installez le package par commande:

    npm install ngx-currency --save

Importer la directive

 import { NgxCurrencyDirective } from "ngx-currency" ;

@ Component ( {
  standalone : true ,
  selector : "app-root" ,
  templateUrl : "./app.component.html" ,
  imports : [ NgxCurrencyDirective ] ,
} )
export class AppComponent { }

En utilisant

 < input type =" tel " currencyMask formControlName =" value " />

• ngModel un attribut du numéro de type. Si il est affiché '$ 25.63' , l'attribut sera '25.63' .

Options

Vous pouvez définir des options ...

 <!-- example for pt-BR money -->
< input [currencyMask] =" { prefix: 'R$ ', thousands: '.', decimal: ',' } " formControlName =" value " />

Options disponibles:

• align - Alignement du texte dans l'entrée. (par défaut: right )
• allowNegative - Si true peut saisir des valeurs négatives. (par défaut: true )
• decimal - séparateur des décimales (par défaut: '.' )
• precision - Nombre de décimales (par défaut: 2 )
• prefix - Préfixe monétaire (par défaut: '$ ' )
• suffix - suffixe d'argent (par défaut: '' )
• thousands - séparateur de milliers (par défaut: ',' )
• nullable - Quand vrai, la valeur du champ propre sera null , quand la valeur est fausse, la valeur sera 0
• min - la valeur minimale (par défaut: undefined )
• max - la valeur maximale (par défaut: undefined )
• inputMode - détermine comment gérer les nombres car l'utilisateur les tape (par défaut: Financial )

Modes d'entrée:

• Financial - Les chiffres commencent à la décimale la plus élevée. Tapier un nombre de changements de décalage laissé. Le caractère décimal est ignoré. La plupart des registres en espèces fonctionnent de cette façon. Par exemple:
  • Tapier '12' se traduit par '0.12'
  • Taping '1234' résulte en '12.34'
  • Taping '1.234' résulte en '12.34'
• Natural - Les nombres commencent à gauche de la décimale. Taper un nombre à gauche des nombres de décalage décimaux laissés; La saisie à droite de la décimale remplace le numéro suivant. La plupart des entrées de texte et des feuilles de calcul fonctionnent de cette façon. Par exemple:
  • Tapier '1234' Résultats en '1234'
  • Taping '1.234' Résultats en '1.23'
  • Taping '12.34' résulte en '12.34'
  • Typage '123.4' résulte en '123.40'

Vous pouvez également définir des options à l'échelle mondiale ...

 import { provideEnvironmentNgxCurrency , NgxCurrencyInputMode } from 'ngx-currency' ;

bootstrapApplication ( AppComponent , {
  providers : [
    ...
    provideEnvironmentNgxCurrency ( {
      align : "right" ,
      allowNegative : true ,
      allowZero : true ,
      decimal : "," ,
      precision : 2 ,
      prefix : "R$ " ,
      suffix : "" ,
      thousands : "." ,
      nullable : true ,
      min : null ,
      max : null ,
      inputMode : NgxCurrencyInputMode . Financial ,
    } ) ,
    ...
  ] ,
} ) . catch ( ( err ) => console . error ( err ) ) ; 

Développement

Préparez votre environnement

• Installez Node.js et NPM
• Installer les dépendances de développement locaux: npm install tandis que le répertoire actuel est ce repo

Serveur de développement

Exécutez npm start pour démarrer un serveur de développement.

Essai

• Exécutez npm test pour exécuter des tests

Lors de l'exécution dans le navigateur Chrome, vous pouvez définir des points d'arrêt de code pour déboguer les tests en utilisant ces instructions:

• À partir de la page principale du navigateur Karma, cliquez sur le bouton Debug pour ouvrir la fenêtre de débogage
• Appuyez sur ctrl + shift + i pour ouvrir des outils de développeur chromé
• Appuyez sur ctrl + p pour rechercher un fichier pour déboguer
• Entrez un nom de fichier comme input.handler.ts et cliquez sur le fichier
• Dans le fichier, cliquez sur un numéro de ligne pour définir un point d'arrêt
• Actualisez la fenêtre du navigateur pour ré-cours des tests et arrêtez-vous sur le point d'arrêt

Licence

Mit @ neri bez fontana