角度格式decimal显示小数后4位，无逗号

Question

我们正在从一个服务接收数据，该服务包括一个名为Key的属性，该属性包含：1000.0000

我们需要这样显示，我试过了：

{{ item.Key }}

但这总是写我们的1000，不包括0.0000。然后我尝试了：

{{inventoryItem.Key | number:4}}

写出1000.0000的小数点很好，但我们不想要逗号，还有其他过滤器可以使用吗？

Answer 1

您可以创建自己的过滤器并告诉它您需要多少小数：

app.filter('NumFilter', function() {
  return function(num, NumDecimals) {
      return num.toFixed(NumDecimals)
  }
})

下面是一个使用此功能的简单应用程序。

控制器：

var app = angular.module('example', []);
app.controller('MyController', function($scope) {
    $scope.inventoryItem = { key: 12345.000000 }
});
app.filter('NumFilter', function() {
  return function(num, NumDecimals) {
      return num.toFixed(NumDecimals)
  }
})

HTML:

<div ng-app="example" ng-controller="MyController">
    {{ inventoryItem.key | NumFilter:4 }}
</div>