如何在不丢失浮动精度的情况下填充JSON数据

Question

我有一个JSON文件。 当使用ng-repeat将文件填充到表中时，小数点后我没有得到零。

例如，我有6.0分。 它仅显示6但不显示零。 为什么会这样呢？ 如何解决呢？ 这个零对我很重要，因为我曾经用它来过滤数据。请有人建议我如何解决这个问题。

<tr ng-repeat="x in filtered=(Results | filter: strSearch)">
  <td>#{{$index + 1}}</td>
  <td>{{ x.Name }}</td>
  <td>{{x.DeadLines.Fall}}</td>
  <td>{{x.GRE}}</td>
  <td>{{x.IELTS}}</td>
</tr>

这是我编写的代码。 在Ielts ，6.0显示为6。但是我想显示为6.0本身。 但是，当我使用6.01或6.1时会显示。

$scope.Results = [{
      "Address": "https://grad.ucla.edu/gasaa/deptinfo/deptinfointro.asp",
      "ApplicationFee": 110,
      "DeadlineLink": "https://grad.ucla.edu/gasaa/deptinfo/deptinfointro.asp",
      "GPA": 3.0,
      "GRE": 320,
      "GRE_ETSCode": 4837,
      "IELTS": 6.0;

这是我的示例JSON文件。

Answer 1

您可以使用{{variableName | number:precision}} {{variableName | number:precision}} 。

同样不确定，但是在解析变量时， 6.00将被视为整数而不是浮点数，因此它表示为6而不是6.00

JSFiddle 。

 function myCtrl($scope){ $scope.number = []; $scope.number.push(6.00); for(var i=0; i<5; i++){ $scope.number.push(Math.random()); } } 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script> <div ng-app> <div ng-controller="myCtrl"> <h3>No formatting</h3> <ul ng-repeat="n in number"> <li>{{n}}</li> </ul> <h3>Formatting </h3> <ul ng-repeat="n in number"> <li>{{n|number:2}}</li> </ul> </div> </div>