Member Junction
    Preparing search index...

    ControlValueAccessor double for <mj-numeric-input> (MJNumericInputComponent in @memberjunction/ng-ui-components), mirroring its public inputs (Min/Max/Step/Format/Decimals/Disabled/Placeholder).

    Renders a real <input type="number" class="mj-numeric-input"> wired to the CVA, so specs can type into it (typeInto(fixture, '.mj-numeric-input', '5')) and the bound form control receives the parsed number (empty input → null).

    Implements

    • ControlValueAccessor
    Index

    Constructors

    Properties

    Decimals: number | null = null
    Disabled: boolean = false
    Format: string = ''
    Max: number | null = null
    Min: number | null = null
    Placeholder: string = ''
    Step: number = 1
    value: number | null = null

    Last value written through the CVA (by the form or by typing into the input).

    Methods

    • Parameters

      • e: Event

      Returns void

    • Parameters

      • fn: (v: number | null) => void

        The callback function to register

      Returns void

      Registers a callback function that is called when the control's value changes in the UI.

      This method is called by the forms API on initialization to update the form model when values propagate from the view to the model.

      When implementing the registerOnChange method in your own value accessor, save the given function so your class calls it at the appropriate time.

      The following example stores the provided function as an internal method.

      registerOnChange(fn: (_: any) => void): void {
      this._onChange = fn;
      }

      When the value changes in the UI, call the registered function to allow the forms API to update itself:

      host: {
      '(change)': '_onChange($event.target.value)'
      }
    • Parameters

      • fn: () => void

        The callback function to register

      Returns void

      Registers a callback function that is called by the forms API on initialization to update the form model on blur.

      When implementing registerOnTouched in your own value accessor, save the given function so your class calls it when the control should be considered blurred or "touched".

      The following example stores the provided function as an internal method.

      registerOnTouched(fn: any): void {
      this._onTouched = fn;
      }

      On blur (or equivalent), your class should call the registered function to allow the forms API to update itself:

      host: {
      '(blur)': '_onTouched()'
      }
    • Parameters

      • v: number | null

      Returns void

      Writes a new value to the element.

      This method is called by the forms API to write to the view when programmatic changes from model to view are requested.

      The following example writes a value to the native DOM element.

      writeValue(value: any): void {
      this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
      }