angularjs - 如何仅为 minValue 设置 ceil 值

Question

我正在使用具有此特定 html 配置的 rangeSlider ：

rangeSlider 预览

<rzslider data-rz-slider-model="rangeSlider.minValue"
          data-rz-slider-high="rangeSlider.maxValue"
          data-rz-slider-options="rangeSlider.options">
</rzslider>

和这个 angularjs 配置：

$scope.rangeSlider = 
{
    minValue: startTime,
    maxValue: endTime,
    options: 
    {
        floor: 0,
        ceil: 36,
        step: 1,
        noSwitching: true,
        minRange: 1,
        maxRange: 24,
        showSelectionBar: true,
    }
};

一切都很好，但我只想阻止 rangeSlider.minValue 超过值 23，我无法成功。

你有什么想法来处理这个问题，或者这只是可能的吗？

在此先感谢您的帮助

标签： angularjsrangeslider

Answer 1

您可以onEnd为rzSlider. 将此添加到您的options：

options: {
    // your existing options settings go here
    onEnd: function() {
        if ($scope.rangeSlider.minValue > 23) {
            $scope.rangeSlider.minValue = 23;
        }
    }
}