ngx-mat-number-picker v0.0.35
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 |
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago