ngx currencyダウンロード-NGX ngx currencyソースコードのダウンロード

ngx currency

サードパーティ製コンポーネント

v18.0.0

ダウンロード

NGX通貨

デモ

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

について

はじめる

インストールとインポート

コマンドごとにパッケージをインストールします。

    npm install ngx-currency --save

指令をインポートします

 import { NgxCurrencyDirective } from "ngx-currency" ;

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

使用

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

ngModelタイプ番号の属性。 '$ 25.63'が表示されている場合、属性は'25.63'になります。

オプション

オプションを設定できます...

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

利用可能なオプション：

align入力のテキストアライメント。（デフォルト： right ）
allowNegative true場合は負の値を入力できます。（デフォルト： true ）
decimal -decimalsのセパレーター（デフォルト： '.' ）
precision - 小数点以下の場所の数（デフォルト： 2 ）
prefix - マネープレフィックス（デフォルト： '$ ' ）
suffix - マネーサフィックス（デフォルト： '' ）
thousands - 数千の分離者（デフォルト： ',' ）
nullable真実の場合、クリーンフィールドの値はnullになります0
min最小値（デフォルト： undefined ）
max - 最大値（デフォルト： undefined ）
inputModeユーザーがそれらを入力するときに数値を処理する方法を決定します（デフォルト： Financial ）

入力モード：

Financial - 数字は最高の精度小数から始まります。数字を入力すると、残りの数字がシフトします。小数文字は無視されます。ほとんどの現金レジスタはこのように機能します。例えば：
- '12'と入力すると'0.12'
- '1234'を入力すると'12.34'になります
- '1.234'を入力すると、 '12.34'が得られます
Natural - 数字は小数の左から始まります。小数点以下の数値を入力すると、数字が残っています。小数の右側に入力すると、次の数値が置き換えられます。ほとんどのテキスト入力とスプレッドシートはこのように機能します。例えば：
- '1234'と入力すると'1234'
- '1.234'と入力すると'1.23'
- '12.34'を入力すると'12.34'
- '123.4'と入力すると'123.40'

グローバルにオプションを設定することもできます...

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