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

Posted 2023-04-14

【中文标题】使用 Angular 2 最新版本的 ag-grid 中的货币格式

【英文标题】：Currency Format in ag-grid using angular 2 latest version

【发布时间】：2016-10-21 09:21:57

【问题描述】：

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

我尝试过这样的编码：

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

谢谢。

【问题讨论】：

您找到解决方案了吗？

***.com/questions/36472529/…@Kesty

【参考方案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

为什么需要另一种方式？您不能按照建议使用过滤器吗？