Question

文档说有inputEvents（例如mouseup / mousedown）。

如何将函数绑定到AngularJS中的滑块事件？

Answer 1

目前，执行此操作的方法是向元素添加dragstop="true"，然后确保在滑块的值上有一个观察者。这将确保滑块不会更新值，直到用户放开句柄

Answer 2

这个答案使我在使用它时走上正轨。然而，我是在ng-repeat中使用它提供了一些挑战。以下是我解决这个问题的方法（如果其他人也是这样使用的话）：

.directive('slider', function(){
    return {
        restrict: 'E',
        link: function($scope) {
            $scope.$watch('yourmodel.value', function(newValue, oldValue) {
                if(newValue !== oldValue){
                    console.log('slider value changed');
                }
            });
        }
    };
});

在我的情况下，我并没有试图篡夺滑块的力量。只是想在值移动时更新数据库。捎带到指令上很有效。

Answer 3

他们更新了库以添加更改回调： https://github.com/PopSugar/angular-slider

你可以像这样使用它：

<slider floor="0" ceiling="100" step="1" ng-model="percent" change="onSliderChange(percent)"></slider>

如何将AngularJS事件绑定到PopSugar滑块？

3 个答案: