ngx currency

NGX-Währung

Demo

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

Inhaltsverzeichnis

• Um
• Installation
• Dokumentation
• Entwicklung
• Lizenz

Um

Erste Schritte

Installieren und Importieren

Installieren Sie das Paket nach Befehl:

    npm install ngx-currency --save

Importieren Sie die Richtlinie

 import { NgxCurrencyDirective } from "ngx-currency" ;

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

Verwendung

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

• ngModel Ein Attribut der Typnummer. Wenn '$ 25.63' angezeigt wird, beträgt das Attribut '25.63' .

Optionen

Sie können Optionen festlegen ...

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

Verfügbare Optionen:

• align - Textausrichtung in der Eingabe. (Standard: right )
• allowNegative - Wenn true negative Werte eingeben kann. (Standard: true )
• decimal - Dezimaltrennzeichen (Standard: '.' )
• precision - Anzahl der Dezimalstellen (Standard: 2 )
• prefix - Geld Präfix (Standard: '$ ' )
• suffix - Geldsuffix (Standard: '' )
• thousands - Separator von Tausenden (Standard: ',' )
• nullable - Wenn wahr, ist der Wert des sauberen Feldes null , wenn falsch der Wert 0 ist
• min - der Mindestwert (Standard: undefined )
• max - der Maximalwert (Standard: undefined )
• inputMode - Bestimmt, wie die Nummern mit dem Benutzer behandelt werden (Standard: Financial ).

Eingabemodi:

• Financial Zahlen beginnen bei der höchsten Präzisionsdezimal. Das Eingeben einer Zahl verschiebt die Nummern übrig. Der Dezimalfigur wird ignoriert. Die meisten Bargeldregister arbeiten auf diese Weise. Zum Beispiel:
  • Das Typing '12' führt zu '0.12'
  • Das Typing '1234' führt zu '12.34'
  • Das Typing '1.234' führt zu '12.34'
• Natural - Zahlen beginnen links vom Dezimal. Tippen einer Zahl links von den Dezimalverschiebungszahlen, die übrig sind; Das Eintippen rechts vom Dezimalal ersetzt die nächste Zahl. Die meisten Texteingaben und Tabellenkalkulationen funktionieren auf diese Weise. Zum Beispiel:
  • Typing '1234' führt zu '1234'
  • Das Typing '1.234' führt zu '1.23'
  • Typing '12.34' führt in '12.34'
  • Typing '123.4' führt zu '123.40'

Sie können auch Optionen weltweit festlegen ...

 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 ) ) ; 

Entwicklung

Bereiten Sie Ihre Umgebung vor

• Installieren Sie node.js und npm
• Installieren Sie lokale Dev -Abhängigkeiten: npm install , während das aktuelle Verzeichnis dieses Repo ist

Entwicklungsserver

Führen Sie npm start , um einen Entwicklungsserver zu starten.

Testen

• Führen Sie npm test aus, um Tests auszuführen

Wenn Sie im Chrome -Browser ausgeführt werden, können Sie Code -Haltepunkte auf Debug -Tests unter Verwendung dieser Anweisungen festlegen:

• Klicken Sie auf der Seite KARMA -Browser auf die Schaltfläche Debug , um das Debug -Fenster zu öffnen
• Drücken Sie ctrl + shift + i , um Chromentwickler -Tools zu öffnen
• Drücken Sie ctrl + p um nach einer Datei zum Debuggen zu suchen
• Geben Sie einen Dateinamen wie input.handler.ts ein und klicken Sie auf die Datei
• Klicken Sie in der Datei auf eine Zeilennummer, um einen Haltepunkt festzulegen
• Aktualisieren Sie das Browserfenster, um Tests neu auszuführen und auf dem Haltepunkt zu stoppen

Lizenz

MIT @ Neri Bez Fontana