UNPKG

ngx-number-input

Version:

Componente angular para formatear números dentro de un input

58 lines (45 loc) 1.59 kB
# NgxNumberInput Esta librería fue generada con [Angular CLI](https://github.com/angular/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.).