如何将 AngularJS ui-grid 单元格中的数值格式化为两位小数？

Question

我正在使用 Angularjs ui-grid 并使用默认设置，问题是如何将数字格式化为两位小数？

Answer 1

您可以使用 columnDefs cellFilter 选项：

columnDefs: [
  {
    field: 'name',
    cellFilter: 'number: 2'
  }
]

Answer 2

您正在寻找 .toFixed(2).

Use cases:
var numObj = 12345.6789;

numObj.toFixed();       // Returns '12346': note rounding, no fractional part
numObj.toFixed(1);      // Returns '12345.7': note rounding
numObj.toFixed(6);      // Returns '12345.678900': note added zeros
(1.23e+20).toFixed(2);  // Returns '123000000000000000000.00'
(1.23e-10).toFixed(2);  // Returns '0.00'
2.34.toFixed(1);        // Returns '2.3'
-2.34.toFixed(1);       // Returns -2.3 (due to operator precedence, negative number literals don't return a string...)
(-2.34).toFixed(1);     // Returns '-2.3' (...unless you use parentheses)

Answer 3

通过用户定义的过滤器函数：

http://fiddle.jshell.net/r8yj2jgw/2/

 cellFilter:'formatNumber:2'

.

app.filter('formatNumber', function() {  
      return function(input, decimalPlaces) {          
       if(isNaN(input))
            return input;
         else {
          return input.toFixed(decimalPlaces);
        }
      };
    });