ngx currency

montaña

Manifestación

https://nbfontana.github.io/ngx-currency/

Tabla de contenido

• Acerca de
• Instalación
• Documentación
• Desarrollo
• Licencia

Acerca de

Empezando

Instalación e importación

Instale el paquete por comando:

    npm install ngx-currency --save

Importar la directiva

 import { NgxCurrencyDirective } from "ngx-currency" ;

@ Component ( {
  standalone : true ,
  selector : "app-root" ,
  templateUrl : "./app.component.html" ,
  imports : [ NgxCurrencyDirective ] ,
} )
export class AppComponent { }

Usando

 < input type =" tel " currencyMask formControlName =" value " />

• ngModel Un atributo del número de tipo. Si se muestra '$ 25.63' , el atributo será '25.63' .

Opción

Puedes establecer opciones ...

 <!-- example for pt-BR money -->
< input [currencyMask] =" { prefix: 'R$ ', thousands: '.', decimal: ',' } " formControlName =" value " />

Opciones disponibles:

• align - Alineación de texto en la entrada. (predeterminado: right )
• allowNegative : si true puede ingresar valores negativos. (predeterminado: true )
• decimal - separador de decimales (predeterminado: '.' )
• precision - Número de lugares decimales (predeterminado: 2 )
• prefix - dinero prefijo (predeterminado: '$ ' )
• suffix - Sufijo de dinero (predeterminado: '' )
• thousands - separador de miles (predeterminado: ',' )
• nullable : cuando sea verdadero, el valor del campo limpio será null , cuando false el valor será 0
• min : el valor mínimo (predeterminado: undefined )
• max : el valor máximo (predeterminado: undefined )
• inputMode : determina cómo manejar los números a medida que el usuario los tipos (predeterminado: Financial )

Modos de entrada:

• Financial : los números comienzan en el decimal de mayor precisión. Escribiendo un número de cambios a los números. El carácter decimal es ignorado. La mayoría de las registros de efectivo funcionan de esta manera. Por ejemplo:
  • Escribir '12' resulta en '0.12'
  • Escribir '1234' Resultados en '12.34'
  • Escribir '1.234' Resultados en '12.34'
• Natural : los números comienzan a la izquierda del decimal. Escribiendo un número a la izquierda de los números de desplazamiento decimal izquierdo; La escritura a la derecha del decimal reemplaza el siguiente número. La mayoría de las entradas de texto y hojas de cálculo funcionan de esta manera. Por ejemplo:
  • Escribir '1234' resultados en '1234'
  • Escribir '1.234' resulta en '1.23'
  • Escribir '12.34' Resultados en '12.34'
  • Escribir '123.4' resultados en '123.40'

También puede establecer opciones a nivel mundial ...

 import { provideEnvironmentNgxCurrency , NgxCurrencyInputMode } from 'ngx-currency' ;

bootstrapApplication ( AppComponent , {
  providers : [
    ...
    provideEnvironmentNgxCurrency ( {
      align : "right" ,
      allowNegative : true ,
      allowZero : true ,
      decimal : "," ,
      precision : 2 ,
      prefix : "R$ " ,
      suffix : "" ,
      thousands : "." ,
      nullable : true ,
      min : null ,
      max : null ,
      inputMode : NgxCurrencyInputMode . Financial ,
    } ) ,
    ...
  ] ,
} ) . catch ( ( err ) => console . error ( err ) ) ; 

Desarrollo

Prepara tu entorno

• Instalar node.js y npm
• Instalar Dev -Dependencias locales: npm install Mientras que el directorio actual es este repositorio

Servidor de desarrollo

Ejecute npm start a iniciar un servidor de desarrollo.

Pruebas

• Ejecutar npm test para ejecutar pruebas

Cuando se ejecuta en el navegador Chrome, puede establecer puntos de interrupción del código para depurar las pruebas utilizando estas instrucciones:

• Desde la página principal del navegador Karma, haga clic en el botón Debug para abrir la ventana de depuración
• Presione ctrl + shift + i para abrir herramientas de desarrollador de Chrome
• Presione ctrl + p para buscar un archivo para depurar
• Ingrese un nombre de archivo como input.handler.ts y haga clic en el archivo
• Dentro del archivo, haga clic en un número de fila para establecer un punto de interrupción
• Actualice la ventana del navegador para volver a ejecutar las pruebas y detenerse en el punto de interrupción

Licencia

Mit @ neri bez fontana