angularjs - places - Angular cómo mostrar el número siempre con 2 decimales en<input>

angularjs number format comma

Question

Tengo un valor flotante para el modelo ng que me gustaría mostrar siempre con 2 decimales en <input> :

<input ng-model="myNumb" step ="0.01" type="number">

Esto funciona para la mayoría de los casos cuando "myNumb" tiene decimal. Pero no forzará la visualización de los 2 lugares decimales si "myNumb" tiene menos de 2 lugares decimales (3.2) o un número entero (30)
¿Cómo puedo forzar una visualización de 2 decimales en el campo <input>

Answer 1

{{value | number : fractionSize}}

como {{12.52311 | number : 2}} {{12.52311 | number : 2}}

así que esto imprimirá 12.52

Answer 2

¿Intentaste usar el filtro?

<ion-input value="{{ exampleNumber | number : ''1.2-2'' }}"></ion-input>

https://docs.angularjs.org/api/ng/filter/number

Answer 3

La mejor manera de redondear el número a decimales es que

a=parseFloat(Math.round(numbertobeRound*10^decimalplaces)/10^decimalplaces);

por ejemplo ;

numbertobeRound=58.8965896589;

si quieres 58,90

decimales es 2

a=parseFloat(Math.round(58.8965896589*10^2)/10^2);

Answer 4

Otra abreviatura de (respuesta de @ maudulus) para eliminar {maxFractionDigits} ya que es opcional.

Puede usar {{numberExample | number : ''1.2''}} {{numberExample | number : ''1.2''}}

Answer 5

Si está utilizando Angular 2 (aparentemente también funciona para Angular 4), puede usar lo siguiente para redondear a dos decimales {{ exampleNumber | number : ''1.2-2'' }} {{ exampleNumber | number : ''1.2-2'' }} , como en:

<input ng-model=''val | number: 2''>

DESCOMPOSTURA

''1.2-2'' significa {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits} :

• Se mostrará un mínimo de 1 dígito antes del punto decimal
• Mostrará al menos 2 dígitos después del punto decimal
• Pero no más de 2 dígitos

Crédito adeudado here y here

Answer 6

Simplemente use la tubería numérica de esta manera:

{{ numberValue | number : ''.2-2''}}

La tubería anterior funciona de la siguiente manera:

• Mostrar al menos 1 dígito entero antes del punto decimal, establecido de forma predeterminada
• Mostrar no menos 2 dígitos enteros después del punto decimal
• Mostrar no más de 2 dígitos enteros después del punto decimal

Answer 7

Usar filtro de moneda con símbolo vacío ($)

{{val | currency:''''}}

Answer 8

AngularJS - Número de entrada con 2 decimales que podría ayudar ... Filtrado:

3. Establezca la expresión regular para validar la entrada usando ng-pattern. Aquí quiero aceptar solo números con un máximo de 2 decimales y con un separador de puntos.

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

Leyendo hacia adelante, esto se señaló en la siguiente respuesta ng-model = "myDecimal | number: 2" .