如何在Angular 4中创建范围滑块(Angular Material)?

时间:2017-05-24 10:33:34

标签: angular angular-material

默认情况下,Angular Material中没有范围滑块。有没有办法在Angular 4中使用范围滑块?

4 个答案:

答案 0 :(得分:10)

至于我https://www.npmjs.com/package/ng2-nouislider,对于Angular 4来说是最好的。

答案 1 :(得分:1)

角度8

我面临着用角形材料创建范围滑块的相同问题。我才发现它。 Preview of solution

Here是解决方案的stackblitz代码片段,它不是我的,但是很棒。

here是上例中使用的ng5-slider软件包的链接。 ng5-slider是rzslider

的Angular版本(2或更高版本)

答案 2 :(得分:0)

试试这个jQuery库,Demo

这是它的包装:ng2-ion-range-slider

这是我找到的最好的图书馆,它在Angular 5

中对我有用

如果您使用的是webpack,则可以参考我的answer

答案 3 :(得分:0)

enter image description here使用我的范围滑块,它基于物料角度滑块的自由度,并由我的存储库修改,具有简单的angular 7应用程序,带有示例范围滑块https://github.com/dinukasaminda/angular-material-range-slider