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

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


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


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