AngularJS number フィルタ

定義と使用法

number フィルタは数字を文字列にフォーマットします。

関連ページ

AngularJS チュートリアル：Angular フィルタ

例

例 1

賞金を数字にフォーマットします：

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

自分で試してみる

例2

3桁小数で重量を表示：

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

自分で試してみる

構文

{{ string | number : fractionsize}}

パラメータ