Class GlobalizeNumberDirective

Directive to convert and format number values using Globalite. When the input value is a string, it will be parsed using the current locale. And the value for the form control will be a number. When the value of the form control is a number, it will be formatted using the current locale and the specified format and written to the input element.

An empty string or a string with only whitespace will be converted to null.

Example

<input type="text" glbToNumber [formControl]="formControl" />

Example

Hierarchy

  • BaseConverterDirective<number>
    • GlobalizeNumberDirective

Constructors

constructor

Properties

format injector localeService

Accessors

value

Methods

#valuesAreEqual coerceValue formatValue inputsEqual ngOnDestroy ngOnInit registerOnChange registerOnTouched setDisabledState writeValue

Constructors

constructor

Properties

format

format: string = 'n'

The format to use when formatting the number. If not specified, the default format 'n' will be used. See the Globalite documentation for more information about number formats.

Protected Readonlyinjector

injector: Injector = ...

Protected ReadonlylocaleService

localeService: LocaleService = ...

Accessors

value

Methods

Protected#valuesAreEqual

  • "#valuesAreEqual"(v1: null | number, v2: null | number): boolean
  • Protected

    Determines if two values are equal.

    Parameters

    • v1: null | number

      The first value.

    • v2: null | number

      The second value.

    Returns boolean

    True if the values are equal, otherwise false.

ProtectedcoerceValue

  • coerceValue(v: ControlValue<number>): CoercedValue<number>
  • Protected

    Coerces the value to the type supported by this directive

    Parameters

    Returns CoercedValue<number>

    The coerced value. If the v is of Type T, it should be returned as is. If it's null, null is returned If it's a string, it should be converted to the type T and returned. If the conversion from string fails, undefined should be returned.

ProtectedformatValue

  • formatValue(v: number): string
  • Protected

    Formats the value for display.

    Parameters

    • v: number

      The value to format.

    Returns string

    The formatted value.

ProtectedinputsEqual

  • inputsEqual(v1: number, v2: number): boolean
  • Protected

    Determines if two values are equal.

    Parameters

    • v1: number

      The first value.

    • v2: number

      The second value.

    Returns boolean

    True if the values are equal, otherwise false.

ngOnDestroy

ngOnInit

registerOnChange

registerOnTouched

setDisabledState

writeValue

Settings

Member Visibility

On This Page

Constructors
Properties
Accessors
Methods