ngx currency下載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 - 小數的分離器（默認： '.' ）
precision - 十進制位置的數量（默認值： 2 ）
prefix - 貨幣前綴（默認值： '$ ' ）
suffix - 金錢後綴（默認： '' ）
thousands - 成千上萬的分離器（默認： ',' ）
nullable - 當true時，清潔字段的值將為null ，當false時值為0
min - 最小值（默認值： undefined ）
max - 最大值（默認值： undefined ）
inputMode確定如何處理用戶鍵入數字（默認： Financial ）

輸入模式：

Financial - 數字從最高的十進制開始。鍵入數字移動數字。十進制特徵被忽略。大多數現金寄存器以這種方式工作。例如：
- 輸入'12'結果為'0.12'
- 鍵入'1234'導致'12.34'
- 在'12.34'中鍵入'1.234'結果
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 ) ) ;