使用 Angular 2 最新版本的 ag-grid 中的货币格式答案

【问题标题】：Currency Format in ag-grid using angular 2 latest version使用 Angular 2 最新版本的 ag-grid 中的货币格式
【发布时间】：2016-10-21 09:21:57
【问题描述】：

我在我的 ag-grid 项目中显示货币计算，但我试图以美国货币格式设置货币值（如 232,345）。我不知道如何在 ag-grid 中设置它，任何人都可以帮助解决我的问题。

我尝试过这样的编码：

{
     cellRendererFramework: { template: '{{params.firstSalary | currency}}'},
     headerName: 'First Salary', field: 'firstSalary', width: 130, 
},

谢谢。

【问题讨论】：

您找到解决方案了吗？
stackoverflow.com/questions/36472529/…@Kesty

标签： angular typescript ag-grid

【解决方案1】：

CurrencyCellRendererUSD(params: any) {
        var inrFormat = new Intl.NumberFormat('en-US', {
          style: 'currency',
          currency: 'USD',
          minimumFractionDigits: 2
        });
        return inrFormat.format(params.value);
      }

      columnDefs = [
        { headerName: 'A/c No', field: 'accountNo', width: 100 },
        { headerName: 'A/c Name', field: 'accountName' },
        { headerName: 'A/c Balance in USD', field: 'accountBalance', cellRenderer: this.CurrencyCellRendererUSD }
      ];

      rowData = [
        { accountNo: '1', accountName: 'Prajakta', accountBalance: 1000 },
        { accountNo: '2', accountName: 'Sanketa', accountBalance: 10000 },
        { accountNo: '3', accountName: 'Harsha', accountBalance: 100000 },
        { accountNo: '4', accountName: 'Janhavee', accountBalance: 1000000 },
        { accountNo: '5', accountName: 'Vignesh', accountBalance: 10000000 },
        { accountNo: '6', accountName: 'Upesh', accountBalance: 100000000 }
      ];

Output

【讨论】：

【解决方案2】：

您需要将过滤器更改为currency:'USD':true:'1.2-2'。

这会修改过滤器以使用点作为小数分隔符并在点后使用 2 位数字。

https://www.ag-grid.com/javascript-grid-column-definitions/index.php 的文档向您展示了如何定义列。你已经指定了field参数，现在你还必须添加filter参数，然后template似乎不再需要了。

【讨论】：

thanx 但它显示语法错误 ag-gird 不支持我认为@RoyDictus
顺便说一句，你为什么还在使用 RC4？这是一个相当旧的版本。 2.1.0 版已经发布。
是的，但是由于某些原因，我们没有更新项目，你能用 RC4 解决这些问题吗？
我已经更新了我的项目的版本，对于像这样的 2,300,200 这样的美国货币格式还有其他方法吗？ @Roy Dictus
为什么需要另一种方式？您不能按照建议使用过滤器吗？