如何在最大值之前的某个点停止范围滑块?

时间:2015-03-26 17:56:16

标签: javascript jquery angularjs html5 html-input

我正在使用angularjs来阻止范围滑块在75但它不是一个好方法加上不完全正常工作。有人可以指导我怎么做吗? 请记住我确实要显示总计100或最大比例,但仍希望限制为75%或75.所以不要告诉我使用max属性。

<html ng-app="root">
<body>
<div ng-controller="index">{{message}}
    <input type=range ng-model="data.sl" id=sl />
    <input type=text ng-model="data.sl" />
</div>
</body>
</html>
<script src="angular.js"></script>

angular.module('root', [])
.controller("index", ["$scope", function ($scope) {
$scope.message = "Hello World!";
$scope.data = {};
$scope.data.sl = 12;
$scope.$watch('data.sl',function(nv,ov){
    if(nv==ov)return;

    if(nv >= 75){
        document.getElementById("sl").stepDown(10);
        console.log("going up");
    }
});
}]);

1 个答案:

答案 0 :(得分:0)

我走了:

        $scope.$watch('data.sl',function(nv,ov){
        if(nv==ov)return;

        if(nv >= 75){
            //document.getElementById("sl").stepDown(10);
            $scope.data.sl=75;
            console.log("going up");
        }
        if(nv <= 25){
            //document.getElementById("sl").stepDown(10);
            $scope.data.sl=25;
            console.log("going down");
        }
    });