Implements

  • OnInit
  • AfterViewInit
  • OnChanges
  • OnDestroy
  • ControlValueAccessor

Constructors

  • Parameters

    • renderer: Renderer2
    • elementRef: ElementRef
    • changeDetectionRef: ChangeDetectorRef
    • zone: NgZone
    • allowUnsafeHtmlInSlider: boolean

    Returns SliderComponent

Properties

allowUnsafeHtmlInSlider: boolean
barStyle: any = {}
fullBarTransparentClass: boolean = false
highValue: number = null
highValueChange: EventEmitter<number> = ...
maxPointerStyle: any = {}
minPointerStyle: any = {}
options: Options = ...
selectionBarDraggableClass: boolean = false
sliderElementAnimateClass: boolean = false
sliderElementAriaLabel: string = 'ngx-slider'
sliderElementDisabledAttr: string = null
sliderElementVerticalClass: boolean = false
sliderElementWithLegendClass: boolean = false
ticks: Tick[] = []
ticksUnderValuesClass: boolean = false
tooltipTemplate: TemplateRef<any>
userChange: EventEmitter<ChangeContext> = ...
userChangeEnd: EventEmitter<ChangeContext> = ...
userChangeStart: EventEmitter<ChangeContext> = ...
value: number = null
valueChange: EventEmitter<number> = ...

Accessors

  • set cancelUserChange(cancelUserChange: EventEmitter<void>): void
  • Parameters

    • cancelUserChange: EventEmitter<void>

    Returns void

  • set manualRefresh(manualRefresh: EventEmitter<void>): void
  • Parameters

    • manualRefresh: EventEmitter<void>

    Returns void

  • set triggerFocus(triggerFocus: EventEmitter<void>): void
  • Parameters

    • triggerFocus: EventEmitter<void>

    Returns void

Methods

  • A callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.

    Returns void

  • A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

    Parameters

    • changes: SimpleChanges

      The changed properties.

    Returns void

  • A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

    Returns void

  • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

    Returns void

  • Parameters

    • onChangeCallback: any

    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

    • onTouchedCallback: any

    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

    • isDisabled: boolean

      The disabled status to set on the element

    Returns void

    Function that is called by the forms API when the control status changes to or from 'DISABLED'. Depending on the status, it enables or disables the appropriate DOM element.

    The following is an example of writing the disabled property to a native DOM element:

    setDisabledState(isDisabled: boolean): void {
    this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
    }
  • Parameters

    • obj: any

      The new value for the element

    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);
    }