AngularJS - 逗号后总是显示两位数答案

【问题标题】：AngularJS - always show two digits after commaAngularJS - 逗号后总是显示两位数
【发布时间】：2016-10-24 07:25:04
【问题描述】：

AngularJS 是否有可能总是在逗号后显示两位数，即使值为 0。我当前的代码如下所示：

Sum is <b>{{vm.accountsSummary.amountOfPaidAccounts}}</b>

如果 vm.accountsSummary.amountOfPaidAccounts 为 0，则显示 0，但应显示 0.00。有没有可能做到这一点？

【问题讨论】：

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

标签： angularjs numbers

【解决方案1】：

{{vm.accountsSummary.amountOfPaidAccounts | number:2}}

【讨论】：

【解决方案2】：

使用数字过滤器，

语法

{{ number_expression | number : fractionSize}}

用法：

Sum is <b>{{vm.accountsSummary.amountOfPaidAccounts | number: 2 }}</b>

示例

var app = angular.module('myApp', []);
app.controller('nCtrl', function($scope) {
    $scope.prize = 10;
});

<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="nCtrl">

<h1>{{prize | number: 2}}</h1>

</div>



</body>
</html>

请运行这个 sn-p

Reference of number filter

【讨论】：

【解决方案3】：

{{parseFloat(Math.round(vm.accountsSummary.amountOfPaidAccounts * 100) / 100).toFixed(2)}}

【讨论】：

我没有看到任何代码解释。请看stackoverflow.com/help/how-to-answer
虽然这段代码可能有助于解决问题，但它并没有解释为什么和/或如何回答问题。提供这种额外的背景将显着提高其长期教育价值。请edit您的回答添加解释，包括适用的限制和假设。

【解决方案4】：

试试数字过滤器

{{vm.accountsSummary.amountOfPaidAccounts | number:2}}

请参考link

在Java Script中我们可以像这样使用数字过滤器

$filter('number')(number, fractionSize);

【讨论】：