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

时间:2016-03-19 10:31:49

标签: javascript angularjs json

我有一个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文件。

1 个答案:

答案 0 :(得分:0)

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

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

JSFiddle

&#13;
&#13;
function myCtrl($scope){
	$scope.number = [];
  $scope.number.push(6.00);
  
  for(var i=0; i<5; i++){
  	$scope.number.push(Math.random());
  }
}
&#13;
<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>
&#13;
&#13;
&#13;