使用 AngularJS 將 HTML 文件中的數字限制為 2 個小數位

Question

我有一個 HTML 頁面，顯示來自 AngularJS 控制器的信息。 這是代碼的一部分：

<td id="calories">{{ ctrl.caltotal }}</td>

我的問題是，我需要做什么才能最多顯示 2 個小數位？ 目前，如果我更改程序，它可以給出類似 23.00000004 的值。 這是應該在 Angular Controller 還是 HTMl 視圖中進行的更改？ 謝謝。

Answer 1

<td id="calories">{{ ctrl.caltotal | number:2}}</td>

它將限制在兩個小數位。

Answer 2

考慮以下代碼：

<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script> 
    <style>

    </style>
</head>
<body ng-app="myApp" ng-controller="myCtrl"> 
    <input type="number" ng-model="score" /> {{score | number:2}}
<script>
    //1 module declaration
    var app = angular.module('myApp', []);
    //2 controller declaration
    app.controller('myCtrl',function($scope){
        $scope.score = 50;
        //code here
    });
</script> 
</body> 
</html>

有關更多信息，請參見此處：

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

另請參閱：

Angular如何在<input>中始終顯示小數點后兩位的數字
AngularJS {{val | number：1}}不四舍五入到小數點后一位

Answer 3

更新

查看 DecimalPipe ( https://angular.io/api/common/DecimalPipe )。

{{ your_number | number : '1.0-2' }}

'1.0-2'代表{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

minIntegerDigits：小數點前的最小整數位數。 默認值為 1。

minFractionDigits：小數點后的最小位數。 默認值為 0。

maxFractionDigits：小數點后的最大位數。 默認值為 3。

使用 AngularJS 將 HTML 文件中的數字限制為 2 個小數位

問題描述

3 個解決方案

解決方案1
3 已采納 2016-04-14 11:42:06

解決方案2
0 2016-04-14 12:13:31

解決方案3
0 2021-12-06 15:37:51

使用 AngularJS 將 HTML 文件中的數字限制為 2 個小數位

問題描述

3 個解決方案

解決方案1 3 已采納 2016-04-14 11:42:06

解決方案2 0 2016-04-14 12:13:31

解決方案3 0 2021-12-06 15:37:51

解決方案1
3 已采納 2016-04-14 11:42:06

解決方案2
0 2016-04-14 12:13:31

解決方案3
0 2021-12-06 15:37:51