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)