This project was generated with Angular CLI version 9.1.0.
If you like or are using this project please give it a star here. Thanks!
- Numbers with mask so it is can use as password.
- Hide display if you want.
- Maximum length for input string.
- *,# buttons included
Import the component modules you want to use into your app.module.ts file and feature modules.
import {NgxKeypadModule} from 'ngx-keypad';
@NgModule({
imports: [ NgxKeypadModule ]
})
export class AppModule {
}In your template write this code.
<keypad [isPassword]="false" [(data)]="result"></keypad>
| Property | Description | Type | Default |
|---|---|---|---|
| [showDisplay] | Show Display or not | boolean | true |
| [showPeriod] | Show period button or not | boolean | true |
| [isPassword] | Write asterisk in the field | boolean | false |
| [maxLength] | Not allow more length than this max, null is unlimited | number | null |
| [maxNumber] | Not allow more number than this max, null is unlimited | number | null |
| [background] | Component background | string | '#ccc' |
| [width] | Component width can be for ex 400px | string | '100%' |
| [padding] | Component padding can be for ex 20px | string | '10px' |
| [(data)] | Data input and output | string | '' |