skośne jak wyświetlić numer zawsze z 2 miejsc po przecinku w <input>

Question

Mam wartość pływaka dla NG-model, który chciałbym, aby zawsze wyświetlać z 2 miejsc po przecinku w <input>:

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

Działa to dla większość przypadków, gdy "myNumb" ma dziesiętny. Ale to nie zmusi wyświetlanie 2 miejsc po przecinku, jeśli „myNumb” ma mniej niż 2 miejsc po przecinku (3,2) lub całkowitą (30)
Jak mogę wymusić wyświetlanie 2 miejsca po przecinku w polu <input>

Answer 1

AngularJS - Input number with 2 decimal places może pomóc ... Filtrowanie:

3. Ustaw wyrażenie regularne do sprawdzania poprawności danych wejściowych przy użyciu nG-wzór. Tutaj chcę zaakceptować tylko liczby z maksymalnie 2 miejscami po przecinku iz separatorem kropek.

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

Czytanie naprzód ten wskazywano na następnej odpowiedzi ng-model="myDecimal | number : 2".

Answer 2

Czy spróbować użyć filtra

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

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

Answer 3

Zastosowanie filtra z pustym symbolem waluty ($)

{{val | currency:''}} 

Answer 4

{{value | number : fractionSize}} 

jak {{12.52311 | number : 2}}

więc będzie to wydrukować 12.52

Answer 5

Jeśli używasz kątowa 2, można użyć następujących do rundy do dwóch miejsc po przecinku {{ exampleNumber | number : '1.2-2' }}, jak w:

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

---

PODZIAŁ

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

• minimum 1 cyfra pojawi się przed przecinkiem
• To pokaże co najmniej 2 cyfry po przecinku
• ale nie więcej niż 2 cyfry

kredytowych ze względu here i here

Answer 6

Kolejny skrót do (odpowiedź @ maudulusa) do usunięcia {maxFractionDigits}, ponieważ jest opcjonalny.

Można użyć {{numberExample | number : '1.2'}}