Question

我正在使用Angular Material滑块，我想在滑块标签的两端显示，表示为滑块设置的最小值和最大值。我可以选择显示带有点和相对标签的比例，显示哪个值与哪个点相关。这是javascript库提供的其他滑块中的一个功能，但我没有在Angular Material滑块API中找到类似的功能。我想知道是否也可以使用Angular Material提供的滑块获得类似的行为。

Answer 1

答案清楚地在documentation page for Angular Material's slider component上提供。

<md-slider
    min="1" max="5" // min & max values
    step="0.5" // step at which the slider control moves, if not given it will move smoothly
    tickInterval="1" // interval at which a tick is shown on the slider, if not given there will be none
    thumbLabel // show the selected value when the user moves the slider
    value="1" // initial value
></md-slider>

您无法显示最小值和最小值使用组件控件的最大值，因为Material Design准则不允许这样做。但是在模板中自己添加它们很容易。例如，像：

<span class="text-small">1</span><md-slider></md-slider><span class="text-small">5</span>

角度材质滑块 - 显示最小和最大标签

1 个答案: