Saltar al contenido

ejemplo de código de redondeo angular a 2 decimales

Este team redactor ha estado por horas investigando para dar espuestas a tu pregunta, te regalamos la solución por eso nuestro objetivo es resultarte de mucha ayuda.

Ejemplo 1: tubo angular para 2 decimales

number

Ejemplo 2: entrada angularjs redondeada a 2 posiciones decimales

<input type="number" name="myDecimal" placeholder="Decimal" ng-model="myDecimal | number : 2" ng-pattern="/^[0-9]+(.[0-9]1,2)?$/" step="0.01"/>

Ejemplo 3: aceptar 2 valores después del decimal en formas angulares

import Directive, ElementRef, HostListener from'@angular/core';
@Directive(
  selector:'[appTwoDigitDecimaNumber]')exportclassTwoDigitDecimaNumberDirectiveprivate regex: RegExp =newRegExp(/^d*.?d0,2$/g);private specialKeys:Array<string>=['Backspace','Tab','End','Home','-','ArrowLeft','ArrowRight','Del','Delete'];constructor(private el: ElementRef)
  @HostListener('keydown',['$event'])onKeyDown(event: KeyboardEvent)console.log(this.el.nativeElement.value);// Allow Backspace, tab, end, and home keysif(this.specialKeys.indexOf(event.key)!==-1)return;let current:string=this.el.nativeElement.value;const position =this.el.nativeElement.selectionStart;const next:string=[current.slice(0, position), event.key =='Decimal'?'.': event.key, current.slice(position)].join('');if(next &&!String(next).match(this.regex))
      event.preventDefault();

Comentarios y puntuaciones

Te invitamos a añadir valor a nuestro contenido cooperando tu experiencia en los comentarios.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *