Anwenden eines Filters mit ng-Modell in Echtzeit Winkel

Question

ich einen Input-Tag haben wie diese

<input currency type="text" class="form-control amount" ng-model="loan.total"> 

, was ich tun möchte, ist ich dieses „total“ Wert anzeigen möchten als 3 getrennt von 3 (4000 -> 4 000) .loan.total Wert sollte 4000 sein. Aber es sollte als 4 000 sichtbar sein. Versucht, eine Richtlinie anzuwenden, hat aber nicht funktioniert.

Gibt es einen einfachen Weg, dies zu tun?

<input type="number" class="form-control amount" ng-model="loan.total"> {{loan.total | currency}} 

Answer 1

Sie können außerhalb der Eingabe wie folgt Wert als Währung angezeigt werden soll.

Vielleicht versuchen:

https://github.com/assisrafael/angular-input-masks

Es hat eine ui-Geld-Maske-Richtlinie.

Zum Beispiel:

Stellen Sie sicher, dass das Skript-Tag umfassen und die Modulabhängigkeits hinzufügen:

<script src="angular-input-masks-standalone.min.js"></script> 
<script> 
    angular.module('yourAppName', ['ui.utils.masks']); 
</script> 

Answer 2

Was es klingt wie Sie wollen, ist eine Eingabemaske: