Only Allow Digits In Input Box Angular directive – ngx-digit-only

An Angular directive only allows [0-9] in the input box when typing, pasting or drag/dropping. This directive handles both Windows keyboard and Mac keyboard.

Installation

Install plugin via NPM

npm i -S @uiowa/digit-only

JS

Import the plugin in your angular module.

import { DigitOnlyModule } from '@uiowa/digit-only';
 
@NgModule({
  declarations: [
    ...
  ],
  imports: [
    BrowserModule,
    DigitOnlyModule
  ],
  ...
})
export class YourModule { }

HTML

Add the plugin to your html input box.

Pull out the numeric keypad in mobile devices and tablets

See live demo and download source code.

This awesome plugin is developed by changhuixu. Visit their official github repository for more information and follow for future updates.

Related