AngularJS numero-suodattin

Määritelmä ja käyttö

numero Suodattimet muuntavat numerot merkkijonoksi.

Liittyvät sivut

AngularJS oppituntiohjelma:Angular suodattimet

Esimerkki

Esimerkki 1

Muunna voitto numero muodossa:

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

Kokeile itse

Esimerkki 2

Näytä paino 3 desimaalin tarkkuudella:

<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>

Kokeile itse

Syntaksi

{{ string | number : fractionsize}}

Parametrit