ngx-mat-number-picker

This library was generated with Angular CLI version 10.1.5.

Angular numberpicker component based on Angular Material with min-max validation, calculator support and number in words in million and lakh format.

Installation

To install this library (component), run:

Using npm:

$ npm install ngx-mat-number-picker

Consuming this library (Component)

You can import this library (component) in any Angular application by running:

$ npm install ngx-mat-number-picker

and then from your Angular AppModule

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
 
import { AppComponent } from './app.component';
 
// Import this library
import { NgxMatNumberPickerModule } from 'ngx-mat-number-picker';
 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    
    // Specify this library as an import
    NgxMatNumberPickerModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Once this library is imported, you can use its components, directives and pipes in your Angular application:

<ngx-calculator 
    [formControl]="control" 
    placeholder="Salary" 
    hint="Please enter your salary" 
    [showInWords]="true" 
    [language]="1" 
    [disabled]="false" >
</ngx-calculator>

##Component Inputs and Outputs

Attribute|Type|Required|Description|Default ---------|----|--------|-----------|------- readonly|boolean|no|make coomponent readonly if value = true else not|false language| number {0 or 1}|no|Formating of the number 0 is in million format and 1 in lakh format| 0 afterDecimal|number|no| digits after decimal|2 showInWords|boolean|no|show number in words in tooltip|true openCalculatorOnFocus|boolean|no|open calculator on focus of this control if true|false placeholder|string|no|placeholder of control|"" hint|string|no|hint of the input|"" disabled|boolean|no|enable or disable the control|false formControl|FormControl|yes|formControlName for reactive form and formControl object for template driven| null