代码之家  ›  专栏  ›  技术社区  ›  Gayatri

角度js中ag网格中的货币格式

  •  0
  • Gayatri  · 技术社区  · 6 年前

    浮点数需要格式化并显示在网格中。例如123456567.82。来自后端的数据是123456567.82。如何在ag网格中格式化,并具有排序、筛选等其他功能。我确实在堆栈溢出中找到了一个链接来使用Math。地板(num)。tostring并应用一些正则表达式,但这会截断小数点,并且不可排序。

    2 回复  |  直到 6 年前
        1
  •  1
  •   Manoj Bhardwaj    6 年前

    <!DOCTYPE html>
    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <body>
    
    <div ng-app="myApp" ng-controller="costCtrl">
    
    <p>Price = {{ price | currency }}</p>
    
    </div>
    
    <script>
    var app = angular.module('myApp', []);
    app.controller('costCtrl', function($scope) {
        $scope.price = 123456567.82;
    });
    </script>
    
    <p>The currency filter formats a number to a currency format.</p>
    
    </body>
    </html>

    您可以使用货币过滤器,并查看示例,希望它对您有所帮助

        2
  •  0
  •   Prajpk    5 年前

    CellRendererUSD(params: any) {
        var inrFormat = new Intl.NumberFormat('en-US', {
          minimumFractionDigits: 2
        });
        return inrFormat.format(params.value);
      }
    columnDefs = [
        { headerName: 'A/c No', field: 'accountNo', width: 100 },
        { headerName: 'A/c Name', field: 'accountName' },
        { headerName: 'NAV', field: 'nav', cellRenderer: this.CellRendererUSD }
      ];
    rowData = [
        { accountNo: '4', accountName: 'Janhavee', nav: 10000.49 },
        { accountNo: '5', accountName: 'Vignesh', nav: 100000.50 },
        { accountNo: '6', accountName: 'Upesh', nav: 1000000.51 }
      ];
    

    Output