Angular 5 个带有两个输入的nouislider

Question

我想在 angular 中编写的我的一个个人项目中实现以下行为 5. 一个滑块，它具有基于服务数据的特定范围。我尝试了很多搜索，但找不到合适的例子，这给了我一个起点。有没有人在 angular 5 中实现过这种行为。非常感谢任何帮助。

Answer 1

这可以通过 ng2-nouislider 实现，我也已经在项目中实现了。

你只需要在配置中提供范围如下，

someRange2config: any = {
  behaviour: 'drag',
  connect: true,
  margin: 1,
  limit: 5, // NOTE: overwritten by [limit]="10"
  range: {
    min: 0,
    max: 20
  },
  pips: {
    mode: 'steps',
    density: 5
  }
};