Question

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

我们需要显示，我试过：

{{ item.Key }}

但总是写我们的1000不包括.0000。然后我尝试了：

{{inventoryItem.Key | number:4}}

写出1,000.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>

角度格式十进制显示小数点后的4个位置，没有逗号

1 个答案: