如何停止输入数字的HTML5范围？

Question

我正在使用angularjs在75处停止范围滑块，但这不是一个好方法。 可以指导我如何做吗？ [编辑，以在max = 75答案后澄清]请记住，我确实希望显示总计100或最大比例，但仍希望限制为75％或75。

<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");
        }
    });
}]);

Answer 1

只需使用max属性来限制范围输入的最大值。 像这样：

<input type="range" value="0" max="75">

有关更多信息，您可以使用MDN 有关input元素的文档。

Answer 2

我来啦：

    $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");
    }
});

如何停止输入数字的HTML5范围？

问题描述

2 个解决方案

解决方案1
1 2015-03-26 15:29:05

解决方案2
0 2015-03-26 18:24:30

如何停止输入数字的HTML5范围？

问题描述

2 个解决方案

解决方案1 1 2015-03-26 15:29:05

解决方案2 0 2015-03-26 18:24:30

解决方案1
1 2015-03-26 15:29:05

解决方案2
0 2015-03-26 18:24:30