Угловой, как всегда отображать число с 2 десятичными разрядами во <входе>
У меня есть значение плавающее для ng-модели, которую я хотел бы всегда отобразить с 2 десятичными разрядами в <input>:
<input ng-model="myNumb" step ="0.01" type="number">
Это работает на большую часть случая, когда "myNumb" имеет десятичное число. Но это не будет принудительное отображение 2 десятичных разрядов, если "myNumb" будет иметь меньше чем 2 десятичных разряда (3.2), или целое число (30)
Как я могу вызвать дисплей 2 десятичных разрядов в <input> поле
8 ответов
AngularJS - Входное число с 2 десятичными разрядами это могло помочь... Фильтрация:
- Набор регулярное выражение для проверки входа с помощью ng-шаблона. Здесь я хочу принять только числа максимум с 2 десятичных разрядов и с точечным разделителем.
<input type="number" name="myDecimal" placeholder="Decimal" ng-model="myDecimal | number : 2" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" step="0.01" />
Читающий вперед на это указали на следующем ответе ng-модель = "myDecimal | число: 2 дюйма .
{{value | number : fractionSize}}
как {{12.52311 | number : 2}}
, таким образом, это распечатает 12.52
При использовании Угловых 2 (по-видимому, это также работает на Угловые 4 также), можно использовать следующее для раунда к двум десятичным разрядам {{ exampleNumber | number : '1.2-2' }}, как в:
<ion-input value="{{ exampleNumber | number : '1.2-2' }}"></ion-input>
РАЗБИВКА
'1.2-2' средства {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}:
- минимум А 1 цифры покажут перед десятичной точкой
- Это покажет по крайней мере 2 цифры после десятичной точки
- , Но не больше чем 2 цифры
Вы пытались использовать фильтр
<input ng-model='val | number: 2'>
Просто используйте канал числа как так:
{{ numberValue | number : '.2-2'}}
канал выше работ следующим образом:
- Шоу по крайней мере 1 целочисленная цифра перед десятичной точкой, установленной значением по умолчанию
- Шоу не меньше 2 целочисленных цифры после десятичной точки
- Шоу не больше чем 2 целочисленных цифры после десятичной точки
Другая стенография к (ответ @maudulus) для удаления {maxFractionDigits}, так как это является дополнительным.
можно использовать {{numberExample | number : '1.2'}}
лучший способ Округлить число до десятичных разрядов состоит в том что
a=parseFloat(Math.round(numbertobeRound*10^decimalplaces)/10^decimalplaces);
, например;
numbertobeRound=58.8965896589;
, если Вы хотите 58.90
, decimalplaces равняется 2
a=parseFloat(Math.round(58.8965896589*10^2)/10^2);
Используйте фильтр валюты с пустым символом ($)
{{val | currency:''}}