ngx mask

NGX 마스크

NGX 마스크는 필요한 패턴으로 마스킹 입력을 풀기위한 최상의 지침입니다.

NGX 로더 표시기 검사를 시도 할 수도 있습니다. NGX CopyPaste 확인을 시도 할 수도 있습니다.

예제와 함께 라이브 문서를 시도 할 수 있습니다

설치

Angular 버전 17.xx

$ npm install --save ngx-mask

Angular 버전 16.xx

$ npm install --save [email protected]

Angular 버전 15.xx

$ npm install --save [email protected]

Angular 버전 14.xx

$ npm install --save [email protected]

Angular 버전 13.xx 또는 12.xx

$ npm install --save [email protected]

NGX-MASK 버전> = 15.0.0 인 경우 QuickStart

NGX-MASK Directive, Pipe 및 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 ( ) ]
} ) 

NGX-MASK 버전 <15.0.0 인 경우 QuickStart

NGX-MASK <15.0.0 angular 앱에서 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는 Active and LTS (장기 지원) 버전의 Angular를 지원하는 공식 각도 지원 정책을 따릅니다. 최신 릴리스 기준으로 Angular V17 및 Newer가 지원됩니다.

지원되는 범위 (예 : v17보다 오래) 외부의 각도 버전을 사용하는 프로젝트는 마지막 호환 버전의 NGX-Mask를 사용해야합니다. 그러나 이러한 버전은 더 이상 업데이트, 버그 수정 또는 새로운 기능을받지 않습니다.

Angular의 버전 및 지원 일정에 대한 자세한 정보는 공식 Angular Releases 페이지를 방문하십시오.

용법

텍스트 문서

기여

우리는 몇 가지 기여를 좋아할 것입니다! 시작하려면이 문서를 확인하십시오.