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

How to stop range slider at a certain point before maximum?

本文关键字:范围 最大值      更新时间:2023-09-26

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

我来了:

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