ngx mask

قناع NGX

قناع NGX هو أفضل توجيه لحل الإدخال التقني مع النمط المطلوب

يمكنك أيضًا تجربة التحقق من مؤشر Loader NGX. يمكنك أيضًا تجربة فحص NGX Copypaste.

يمكنك تجربة الوثائق الحية مع أمثلة

التثبيت

الإصدار الزاوي 17.xx

$ npm install --save ngx-mask

الإصدار الزاوي 16.xx

$ npm install --save [email protected]

الإصدار الزاوي 15.xx

$ npm install --save [email protected]

الإصدار الزاوي 14.xx

$ npm install --save [email protected]

الإصدار الزاوي 13.xx أو 12.xx

$ npm install --save [email protected]

QuickStart If Ngx-Mask إصدار> = 15.0.0

استيراد توجيه NGX Mask ، والأنابيب وتزويد مزودي NGXMASK مع وظيفة provideNgxMask .

مع مستوى تطبيق خيارات التكوين الافتراضية

 bootstrapApplication ( AppComponent , {
    providers : [
        ( ... )
        provideEnvironmentNgxMask ( ) ,
        ( ... )
    ] ,
} ) . catch ( ( err ) => console . error ( err ) ) ;

تمرير خيارات تكوين القناع الخاصة بك

 import { NgxMaskConfig } from 'ngx-mask'

const maskConfig : Partial < NgxMaskConfig > = {
  validation : false ,
} ;

bootstrapApplication ( AppComponent , {
    providers : [
        ( ... )
        provideEnvironmentNgxMask ( maskConfig ) ,
        ( ... )
    ] ,
} ) . catch ( ( err ) => console . error ( err ) ) ;

باستخدام دالة لتكوين:

 const maskConfigFunction : ( ) => Partial < NgxMaskConfig > = ( ) => {
  return {
    validation : false ,
  } ;
} ;

bootstrapApplication ( AppComponent , {
    providers : [
         ( ... )
         provideEnvironmentNgxMask ( maskConfigFunction ) ,
         ( ... )
] ,
} ) . catch ( ( err ) => console . error ( err ) ) ;

مع مستوى ميزة خيارات التكوين

@ Component ( {
    selector : 'my-feature' ,
    templateUrl : './my-feature.component.html' ,
    styleUrls : [ './my-feature.component.css' ] ,
    standalone : true ,
    imports : [ NgxMaskDirective , ( ... ) ] ,
    providers : [
          ( ... )
          provideNgxMask ( ) ,
          ( ... )
    ] ,
} )
export class MyFeatureComponent { }

بعد ذلك ، استيراد التوجيه ، والأنبوب للمكون المستقل وتحديد الأقنعة في المدخلات.

مع الوحدات الزاوية

@ NgModule ( {
  imports : [
      NgxMaskDirective , NgxMaskPipe
  ] ,
  providers : [ provideNgxMask ( ) ]
} ) 

QuickStart If Ngx Mask إصدار <15.0.0

لإصدار NGX-MASK <15.0.0 Import NGX MASK في التطبيق الزاوي.

مع خيارات تكوين القناع الافتراضي

 import { NgxMaskModule , NgxMaskConfig } from 'ngx-mask'

export const options : Partial < null | NgxMaskConfig > | ( ( ) => Partial < NgxMaskConfig > ) = null ;

@ NgModule ( {
  imports : [
    NgxMaskModule . forRoot ( ) ,
  ] ,
} )

تمرير خيارات تكوين القناع الخاصة بك

 import { NgxMaskModule , NgxMaskConfig } from 'ngx-mask'

const maskConfig : Partial < NgxMaskConfig > = {
  validation : false ,
} ;

@ NgModule ( {
  imports : [
    NgxMaskModule . forRoot ( maskConfig ) ,
  ] ,
} )

أو استخدام وظيفة للحصول على التكوين:

 const maskConfigFunction : ( ) => Partial < NgxMaskConfig > = ( ) => {
  return {
    validation : false ,
  } ;
} ;

@ NgModule ( {
  imports : [
    NgxMaskModule . forRoot ( maskConfigFunction ) ,
  ] ,
} )

ثم ، فقط حدد الأقنعة في المدخلات.

إصدارات مدعومة بنشاط

يتبع NGX Mask سياسة الدعم الزاوي الرسمي ، ودعم إصدارات Angular النشطة و LTS (LTS) من Angular. اعتبارا من الإصدار الأخير ، يتم دعم Angular V17 و Newer.

المشاريع التي تستخدم الإصدارات الزاوية خارج النطاق المدعوم (على سبيل المثال ، أقدم من V17) يجب أن تستخدم آخر إصدار متوافق من MASK NGX. ومع ذلك ، فإن هذه الإصدارات لن تتلقى التحديثات أو إصلاحات الأخطاء أو الميزات الجديدة.

للحصول على معلومات مفصلة حول جدول زمني ودعم Angular ، تفضل بزيارة صفحة الإصدارات Angular الرسمية.

الاستخدام

توثيق النص

المساهمة

نود بعض المساهمات! تحقق من هذا المستند للبدء.