在模型末尾附加两个小数位

Question

我有一个以这种格式保存数字的模型

10000000
200000000
3000000000
70000000

这是模型

{{myData}}

我能够格式化数据，但是可以使用此格式在变量的前面附加两个小数位

{{myData | number : 2}} which prints 100.00000

如何在变量上实现这一目标是我的挑战

100000.00

Answer 1

除以100，并在结果上使用toFixed()

{{ (myData/100).toFixed(2) }}

angular.module('app',[]).controller('Ctrl', function($scope){
   $scope.myData = 1000
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="app"  ng-controller="Ctrl">
     {{(myData/100).toFixed(2)}}
   </div>

Answer 2

您可以使用toFixed（）来完成

视图：

<div>
  {{parseFloat(myData).toFixed(2)}}
</div>

JS：

$scope.parseFloat = parseFloat;
$scope.myData = 1000

示例：http://plnkr.co/edit/3ROw6aKdfCwwTdYp0rJi?p=preview

Answer 3

您可以直接在有角度的html视图中使用，在其中将值动态呈现为：

{{ parseFloat(myData).toFixed(2) }}