Angular πώς να εμφανίζετε τον αριθμό πάντα με 2 δεκαδικά ψηφία σε <input&gt,

Question

Περισσότερα

Πηγή Μη AMP-έκδοση Επεξεργασία

Angular πώς να εμφανίζετε τον αριθμό πάντα με 2 δεκαδικά ψηφία σε <input&gt,

Έχω μια τιμή float για το ng-model που θα ήθελα να εμφανίζεται πάντα με 2 δεκαδικά ψηφία στο <input>:

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

Αυτό λειτουργεί για τις περισσότερες περιπτώσεις όταν το "myNumb" έχει δεκαδικά ψηφία. Αλλά δεν θα επιβάλει την εμφάνιση των 2 δεκαδικών ψηφίων εάν το "myNumb" έχει λιγότερα από 2 δεκαδικά ψηφία (3.2), ή έναν ακέραιο αριθμό(30) Πώς μπορώ να επιβάλω την εμφάνιση 2 δεκαδικών ψηφίων στο πεδίο <input>

Mr Lister

Επεξεργασμένη ερώτηση Κάνε Φεβρουάριος 2016 в 3:01

Προγραμματισμός

angularjs

Κάνε Φεβρουάριος 2016 в 7:28

6 προβολές

Valter

Πηγή Μη AMP-έκδοση Επεξεργασία

Δοκιμάσατε να χρησιμοποιήσετε το φίλτρο

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

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

Yann Bertrand

Επεξεργασμένη απάντηση Κάνε Αύγουστος 2016 в 1:25

26

0

Σχόλια (4)

brewsky

Πηγή Μη AMP-έκδοση Επεξεργασία

Χρήση φίλτρου νομίσματος με κενό σύμβολο ($)

{{val | currency:''}}

-2

0

Σχόλια (1)

DIEGO CARRASCAL · Accepted Answer · 2016-02-19T20:23:40+00:00

AngularJS - Εισαγωγή αριθμού με 2 δεκαδικά ψηφία θα μπορούσε να βοηθήσει... Φιλτράρισμα:

Ορίστε την κανονική έκφραση για την επικύρωση της εισόδου χρησιμοποιώντας ng-pattern. Εδώ θέλω να δέχομαι μόνο αριθμούς με το πολύ 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-model="myDecimal | number : 2".