从AngularJS内插中的数字中删除尾随零

Question

我知道有针对此问题的普通JavaScript代码的答案，但在这种情况下不可用。

我有一个必须填充数据的表。 我的代码如下所示：

<tr ng-repeat="rows in $ctrl.matrix[0] track by $index">
    <td>{{$ctrl.labels[$index]}}</td>
    <td ng-repeat="label in $ctrl.xMatrix">{{$ctrl.matrix[$index][$parent.$index].toFixed(2)}}</td>
</tr>

可以看出，它用于toFixed(2)来删除点后除两位以外的所有数字。

我也想要此更改：

34.90 => 34.9
 0.00 => 0

因为它说在这里 ，我parseFloat(n.toFixed(2)); ，因此在我的情况下为：

{{parseFloat($ctrl.matrix[$index][$parent.$index].toFixed(2))}}或

{{$ctrl.parseFloat(matrix[$index][$parent.$index].toFixed(2))}}

但是在两种情况下我都没有错误，并且我的表是空的。

有没有办法删除{{}}中的这些零？

Answer 1

Angular Js的简单使用数字过滤器

{{$ctrl.matrix[$index][$parent.$index] | number}}

要么

使用$ eval

{{$eval($ctrl.matrix[$index][$parent.$index])}}

Answer 2

确保将数字转换为“数字”。 然后转换为字符串。

 var numberstring = "1.2350000"; var number = Number(numberstring); console.log(typeof number); var zerodown = number.toString(); console.log(zerodown) 

不可能在{{}}中更改数字。 这是动态应用的变量的占位符。 您应该在服务器端或在解析值之后进行。