ngx mask

NGX面具

NGX蒙版是解決所需模式的掩蓋輸入的最佳指令

您也可以嘗試我們的NGX加載器指示器檢查。您也可以嘗試我們的NGX复复結果檢查。

您可以嘗試使用示例的實時文檔

安裝

Angular版本17.xx

$ npm install --save ngx-mask

Angular版本16.xx

$ npm install --save [email protected]

Angular版本15.xx

$ npm install --save [email protected]

角版14.xx

$ npm install --save [email protected]

Angular版本13.xx或12.xx

$ npm install --save [email protected]

QuickStart如果NGX蒙版版本> = 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蒙版<15.0.0在Angular應用中導入NGX蒙版模塊。

使用默認蒙版配置選項

 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面具遵循官方的角度支持政策，支持Angular的主動和LTS（長期支持）版本。截至最新版本，Angular V17和Newer得到了支持。

使用受支持範圍以外的角版本（例如，比V17年齡較大）的項目應使用NGX蒙版的最後一個兼容版本。但是，這些版本將不再接收更新，錯誤修復或新功能。

有關Angular的版本控制和支持時間表的詳細信息，請訪問官方Angular版本頁面。

用法

文本文檔

貢獻

我們會喜歡一些貢獻！查看此文檔以開始。