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

【问题标题】：How to stop range slider at a certain point before maximum?如何在最大值之前的某个点停止范围滑块？
【发布时间】：2023-03-15 21:24:01
【问题描述】：

我正在使用 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");
    }
});
}]);

【问题讨论】：

标签： javascript jquery angularjs html html-input

【解决方案1】：

我去：

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

【讨论】：