angular.module.ng.$filter.number

Description

Formats a number as text.

If the input is not a number an empty string is returned.

Usage

In HTML Template Binding

{{ number_expression | number[:fractionSize] }}

In JavaScript

$filter('number')(number[, fractionSize])

Parameters

Returns

{string}

Number rounded to decimalPlaces and places a “,” after each third digit.

Example

  <script>
    function Ctrl() {
      this.val = 1234.56789;
    }
  </script>
  <div ng:controller="Ctrl">
    Enter number: <input ng:model='val'><br/>
    Default formatting: {{val | number}}<br/>
    No fractions: {{val | number:0}}<br/>
    Negative number: {{-val | number:4}}
  </div>
  it('should format numbers', function() {
    expect(binding('val | number')).toBe('1,234.568');
    expect(binding('val | number:0')).toBe('1,235');
    expect(binding('-val | number:4')).toBe('-1,234.5679');
  });

  it('should update', function() {
    input('val').enter('3374.333');
    expect(binding('val | number')).toBe('3,374.333');
    expect(binding('val | number:0')).toBe('3,374');
    expect(binding('-val | number:4')).toBe('-3,374.3330');
  });