Angularjs-Slider onchange事件没有启动也没有工作

Question

如何处理angularjs rzslider上的更改事件：

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

Answer 1

在rzSlider的默认选项中，您可以使用以下参数定义onChange的函数

onChange - 函数（sliderId，modelValue，highValue，pointerType）：当rz-slider-model或rz-slider-high更改时要调用的函数。如果在选项中设置了id，则将其传递给此回调。 pointerType是'min'或'max'，具体取决于使用的句柄。

参考：https://github.com/angular-slider/angularjs-slider

Answer 2

$scope.onSelectorSliderChange = function () {
  console.log($scope.range_slider_ticks_values.value);
};

$scope.range_slider_ticks_values = {
    value: 'DAY',
    options: {
        showTicksValues: true,
        stepsArray: [
            {value: 'Day'},
            {value: 'Week'},
            {value: 'Month'}
        ],
        onEnd: $scope.onSelectorSliderChange
    }
};

将要触发的功能更改为选项onEnd。希望它有所帮助。