【问题标题】:Angular material 2 allow us to make slider with custom range?Angular material 2 允许我们制作自定义范围的滑块?
【发布时间】:2018-09-26 17:30:22
【问题描述】:

Angular material 2 允许我们制作自定义范围的滑块?

例如,我需要显示不同范围的组织规模,例如,

1-10 employees
11-50 employees
51-200 employees
201-500 employees
501-1,000 employees
1,001-5,000 employees
5,001+ employees

https://material.angular.io/components/slider/overview

显示最小选项。有没有办法实现这些变量范围?

【问题讨论】:

  • 我一直在寻找同样的东西,但没有找到。在我看来这是不可能的,但我也很乐意看到答案:)
  • 我不确定我是否理解您的需求,您是否需要多个具有不同最小值/最大值的滑块?
  • 我正在寻找具有可变步长的单个滑块。步骤就像 1, 11, 51..etc

标签: angular angular-material angular-material2


【解决方案1】:

我想您希望您的步骤保持不变(如果步骤实际上反映了选项之间的真正差异,那将是一个非常糟糕的用户体验)。我整理了一个使用标准 mat-slider 的快速示例,其值绑定到 switch case 中的不同组织大小。

Working demo

【讨论】:

  • 太棒了。这似乎是最好的方法。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-03-29
  • 2021-10-27
  • 1970-01-01
  • 1970-01-01
  • 2018-08-14
  • 2016-03-23
  • 1970-01-01
相关资源
最近更新 更多