ngx mask

NGX Маска

NGX Mask - лучшая директива для решения ввода маскировки с необходимым шаблоном

Вы также можете попробовать нашу проверку индикатора загрузки NGX. Вы также можете попробовать нашу проверку Copypaste NGX.

Вы можете попробовать живую документацию с примерами

Установка

Угловая версия 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, если ngx-mask версия> = 15.0.0

Импортируйте директиву NGX-маски , трубку и предоставьте поставщикам 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, если ngx-маска версия <15.0.0

Для версии ngx-mask <15.0.0 Импорт модуль NGX-маски в Angular App.

С параметрами конфигурации маски по умолчанию

 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-маска следует официальной политике угловой поддержки, поддерживающей активную и LTS (долгосрочную поддержку) версии Angular. По состоянию на последнюю релиз, Angular V17 и Newer поддерживаются.

Проекты, использующие угловые версии за пределами поддерживаемого диапазона (например, старше V17), должны использовать последнюю совместимую версию NGX-маски. Однако эти версии больше не будут получать обновления, исправления ошибок или новые функции.

Для получения подробной информации о расписании версий и поддержки Angular, посетите официальную страницу Angular Releases.

Использование

Текстовая документация

Внося

Мы хотели бы некоторых вкладов! Проверьте этот документ, чтобы начать.