如何在 Angular 4 中创建范围滑块（Angular Material）？

【问题标题】：How to create range slider (Angular Material) in Angular 4?如何在 Angular 4 中创建范围滑块（Angular Material）？
【发布时间】：2017-05-24 10:33:33
【问题描述】：

默认情况下，Angular Material 中没有范围滑块。在 Angular 4 中有没有使用范围滑块的方法？

【问题讨论】：

这是一个未解决的问题 - github.com/angular/components/issues/1331

标签： angular angular-material

【解决方案1】：

我 https://www.npmjs.com/package/ng2-nouislider 最适合 Angular 4。

【讨论】：

其实每次npm冲突都得重新编译，小心点。
经过一番研究，我意识到它确实是最好的。谢谢。
我认为它不再是更高版本的 Angular 的更好选择，即 8 和 9 等。

【解决方案2】：

Angular 8 及更高版本

我遇到了在角度材料中创建范围滑块的相同问题。我刚刚找到了。

Here 是解决方案的 stackblitz 代码 sn-p，它不是我的，但它很棒。

here 是上面示例中使用的 ng5-slider 包的链接。 ng5-slider 是 rzslider 的 Angular 版本（2 或以上）

【讨论】：

【解决方案3】：

使用我的范围滑块，它基于材料角度滑块库，它由我的存储库修改，具有简单的角度 7 应用程序，带有样本范围滑块https://github.com/dinukasaminda/angular-material-range-slider

【讨论】：