Angular come visualizzare il numero sempre con 2 cifre decimali in <input>

Ho un valore float per il ng-model che vorrei visualizzare sempre con 2 cifre decimali nel <input>:

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

Questo funziona per la maggior parte dei casi quando "myNumb" ha decimali. Ma non forzerà la visualizzazione dei 2 decimali se "myNumb" ha meno di 2 decimali (3.2), o un intero(30) Come posso forzare la visualizzazione di 2 decimali nel campo <input>

Mr Lister
Domanda modificata 26º febbraio 2016 в 3:01
Programmazione
angularjs
19º febbraio 2016 в 7:28
12 visualizzazioni
Soluzione

AngularJS - Ingresso numero con 2 cifre decimali potrebbe aiutare... Filtraggio:

  1. Impostare l'espressione regolare per convalidare l'input usando ng-pattern. Qui voglio accettare solo numeri con un massimo di 2 cifre decimali e con un separatore di punti.
<input type="number" name="myDecimal" placeholder="Decimal" ng-model="myDecimal | number : 2" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" step="0.01" />

Leggendo in avanti questo è stato indicato sulla prossima risposta ng-model="myDecimal | number : 2".

DIEGO CARRASCAL
Risposta modificata 1º dicembre 2016 в 3:03
Commentari (8)

Hai provato a usare il filtro

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

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

Yann Bertrand
Risposta modificata 12º agosto 2016 в 1:25
Commentari (4)

Usa il filtro valuta con il simbolo vuoto ($)

{{val | currency:''}}
Commentari (1)