AngularJS number-Filter

Definition und Verwendung

number Filter formatieren Zahlen in Zeichenketten.

Verwandte Seiten

AngularJS-Tutorial:Angular-Filter

Beispiel

Beispiel 1

Setze den Preis in Ziffernformat um:

<div ng-app="myApp" ng-controller="nCtrl">
<h1>{{preis | number}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('nCtrl', function($scope) {
    $scope.prize = 1000000;
});
</script>

Selbst ausprobieren

Beispiel 2

Gewicht mit 3 Nachkommastellen anzeigen:

<div ng-app="myApp" ng-controller="nCtrl">
<h1>{{weight | number : 3}} kg</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('nCtrl', function($scope) {
    $scope.weight = 9999;
});
</script>

Selbst ausprobieren

Syntax

{{ string | number : fractionsize}}

Parameter

Parameter Beschreibung
fractionsize Zahlen, um die Anzahl der Nachkommastellen zu bestimmen.