Leyli Abbasova
Leyli Abbasova

Reputation: 389

How to create range slider (Angular Material) in Angular 4?

As a default, there is no range slider in Angular Material. Are there any ways use range slider in Angular 4?

Upvotes: 14

Views: 44414

Answers (3)

DevLoverUmar
DevLoverUmar

Reputation: 14011

Angular 8 and above

I was facing the same issue of creating a range slider in angular material. And I just found it. Preview of solution

Here is the stackblitz code snippet of solution which is not mine but its awesome.

And here is the link to ng5-slider package which is used in the above example. ng5-slider is the Angular version(2 or above) of rzslider

Upvotes: 8

dinuka saminda
dinuka saminda

Reputation: 209

enter image description hereuse my range slider its based on material angular slider libry and its modifyd by me repository have simple angular 7 application with sample range slider https://github.com/dinukasaminda/angular-material-range-slider

Upvotes: 1

Limitrof
Limitrof

Reputation: 712

As for me https://www.npmjs.com/package/ng2-nouislider the best for Angular 4.

Upvotes: 14

Related Questions