Skip to content

[UPGRADE] Replace ng5-slider with @angular-slider/ngx-slider #33

Description

@BAWES

Overview

ng5-slider is abandoned and has no support for Angular 16+. Replace it with @angular-slider/ngx-slider which is the maintained fork with the same API.

Can be done independently

No dependency on Angular upgrade — but test again after Angular 19 migration.

Scope

1. Find all usages

grep -r "ng5-slider\|Ng5SliderModule\|NouisliderModule" src/ -l

2. Replace package

npm uninstall ng5-slider
npm install @angular-slider/ngx-slider

3. Update imports

In every module/component that imports Ng5SliderModule:

// OLD
import { Ng5SliderModule } from 'ng5-slider';
// NEW
import { NgxSliderModule } from '@angular-slider/ngx-slider';

4. Update template references

<!-- OLD -->
<ng5-slider [(value)]="value" [options]="options"></ng5-slider>
<!-- NEW -->
<ngx-slider [(value)]="value" [options]="options"></ngx-slider>

The Options interface and event names are identical — no logic changes needed.

Acceptance Criteria

  • ng5-slider removed from package.json
  • @angular-slider/ngx-slider installed
  • All slider components render correctly
  • Slider value binding works (drag updates bound value)
  • ng build completes successfully

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions