ดาวน์โหลด 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 - เมื่อจริงค่าของฟิลด์สะอาดจะเป็น 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 ) ) ;