javascript - AngularJs:如何在 ngRepeat 中添加自定义过滤器来操作小数？

Question

我有一个包含多个属性名称和值的对象，这些属性名称和值通过 ng-repeat 打印出来。这个大对象中的两个对象称为currencyName 和currencyPrice。

默认情况下，这些对象在后端硬编码了 8 位小数，我的任务是操作某些currencyName 以显示 5 位小数，或者使用 Angular 在显示页面中显示 8 位小数。默认情况下，currencyPrices 在后端硬编码到了 8 位小数，这是无法触及的，因为这部分代码在其他地方被重用。对于我正在处理的显示页面，我们使用过滤器 |数量:默认2。

我尝试创建一个自定义过滤器，该过滤器将以主对象的数组为目标，运行for循环/forEach方法，以currencyName对象为目标，如果它与包含要操作的currencyNames的数组匹配，则 Angular 显示页面将显示 5 位小数(在本例中)。

这对我来说非常困难。我没有完整的代码可将其粘贴到此处，但这里有一些示例代码来显示代码的外观。

<tr ng-repeat="full in fulls.mainList" class="animate-repeat">
  <td>{{full.currencyName}}</td>
  <td>{{full.tradedAverage | number:2}}</td>
  <td>{{full.tradedAmount | number:2}}</td>
  <td>{{full.currencyPrice | number:2}}</td>
</tr>

在这种情况下，fulls 是在 Controller 内解析的大对象。

Answer 1

测试了您的代码，它应该可以工作:

   <div ng-repeat="full in fulls.mainList">
       <span>{{full.currencyName}}</span>
       <span>{{full.tradedAverage | number:2}}</span>
       <span>{{full.tradedAmount | number:2}}</span>
       <span>{{full.currencyPrice | number:2}}</span>
   </div>

    $scope.fulls = {
          mainList : [
            {
              currencyName: 'TEST',
              tradedAverage: '12.123434',
              tradedAmount: '13.133434',
              currencyPrice: '14.143434'
            }
          ]
       };

http://jsfiddle.net/Lvc0u55v/1/

也许你有“,”而不是“.”在你的数字中？