Package Exports

ngx-number-input
ngx-number-input/bundles/ngx-number-input.umd.js
ngx-number-input/fesm2015/ngx-number-input.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ngx-number-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

NgxNumberInput

Esta librería fue generada con Angular CLI version 11.1.1.

Esta librería permite capturar valores numericos y mostrarlos separados por "," y al terminar de caputar la información lo muestra de esta misma forma dentro del campo.

¿Cómo usarlo?

Debemos importar el Modulo en nuestro app.module.ts.

import { NgxNumberInputModule } from 'ngx-number-input';
...
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    ...
    NgxNumberInputModule,
    ...
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Para usar el componente te puedes basar en el siguiente ejemplo:

<ngx-number-input 
    styleClass="form-control" 
    id="inputNumeric" 
    name="inputNumeric" 
    #inputNumeric="ngModel" 
    [(ngModel)]="data.inputNumeric" 
    min="1" 
    max="100000" 
    placeholder="0.00" 
    [disabled]="false" 
    required></ngx-number-input>

Propiedades

id: Identificador del elemento.
name: Nombre del elemento.
styleClass: Nombre de la clase de estilo para el input.
min: Valor minimo permitido.
max: Valor maximo permitido.
placeholder: Texto de ayuda.
disabled: Para deshabiliitar el componente.
readonly: Para mostrar como solo lectura.
required: Para marcarlo como requerido.
locale: Para formatear el número a una región especifica ("en-GB" es por default).
currency: Para darle formato de moneda (por ejemplo "EUR", "USD", "INR", etc.).