How to create range slider (Angular Material) in A

问题:

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

回答1:

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

回答2:

Angular 8

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

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

回答3:

use 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

回答4:

Try this jQuery library, Demo.

That is its wrapper: ng2-ion-range-slider.

It is the best library I have find, and it worked for me in Angular 5

If you are using webpack you can refer to my answer .