تنزيل ngx currency - تنزيل رمز مصدر ngx currency

ngx currency

مكونات الطرف الثالث

v18.0.0

تنزيل

NGX-Corrency

العرض التوضيحي

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