ngx currency

NGX-Currency

Demo

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

Daftar isi

• Tentang
• Instalasi
• Dokumentasi
• Perkembangan
• Lisensi

Tentang

Memulai

Menginstal dan mengimpor

Instal Paket dengan Perintah:

    npm install ngx-currency --save

Impor arahan

 import { NgxCurrencyDirective } from "ngx-currency" ;

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

Menggunakan

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

• ngModel A Atribut dari Jenis Nomor. Jika ditampilkan '$ 25.63' , atributnya akan '25.63' .

Opsi

Anda dapat mengatur opsi ...

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

Opsi yang tersedia:

• align - Alignment teks dalam input. (default: right )
• allowNegative - jika true dapat memasukkan nilai negatif. (default: true )
• decimal - pemisah desimal (default: '.' )
• precision - Jumlah tempat desimal (default: 2 )
• prefix - awalan uang (default: '$ ' )
• suffix - Money Suffix (default: '' )
• thousands - Pemisah Ribuan (default: ',' )
• nullable - bila benar, nilai bidang bersih akan menjadi null , ketika false nilainya akan 0
• min - Nilai minimum (default: undefined )
• max - Nilai maksimum (default: undefined )
• inputMode - Menentukan cara menangani angka saat pengguna mengetiknya (default: Financial )

Mode Input:

• Financial - Angka dimulai dari desimal presisi tertinggi. Mengetik angka menggeser angka yang tersisa. Karakter desimal diabaikan. Sebagian besar register uang tunai bekerja dengan cara ini. Misalnya:
  • Mengetik '12' menghasilkan '0.12'
  • Mengetik '1234' menghasilkan '12.34'
  • Mengetik '1.234' menghasilkan '12.34'
• Natural - Angka mulai di sebelah kiri desimal. Mengetik angka di sebelah kiri angka pergeseran desimal yang tersisa; Mengetik di sebelah kanan desimal menggantikan nomor berikutnya. Sebagian besar input teks dan spreadsheet berfungsi dengan cara ini. Misalnya:
  • Mengetik '1234' menghasilkan '1234'
  • Mengetik '1.234' menghasilkan '1.23'
  • Mengetik '12.34' menghasilkan '12.34'
  • Mengetik '123.4' menghasilkan '123.40'

Anda juga dapat mengatur opsi secara global ...

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

Perkembangan

Persiapkan lingkungan Anda

• Instal Node.js dan NPM
• Instal Ketergantungan Dev Lokal: npm install Saat direktori saat ini adalah repo ini

Server pengembangan

Jalankan npm start memulai server pengembangan.

Pengujian

• Jalankan npm test untuk menjalankan tes

Saat berjalan di browser Chrome, Anda dapat mengatur breakpoint kode untuk men -debug tes menggunakan instruksi ini:

• Dari halaman Browser Karma Utama, klik tombol Debug untuk membuka jendela Debug
• Tekan ctrl + shift + i untuk membuka alat pengembang Chrome
• Tekan ctrl + p untuk mencari file untuk men -debug
• Masukkan nama file seperti input.handler.ts dan klik file
• Di dalam file, klik nomor baris untuk mengatur breakpoint
• Segarkan jendela browser untuk menjalankan kembali tes dan berhenti di breakpoint

Lisensi

Mit @ neri bez fontana