2015-03-26 3 views
1

Я использую angularjs, чтобы остановить слайдер диапазона на 75, но это не очень хороший способ. Может ли кто-нибудь научить меня, как это сделать? [EDIT для уточнения после макс = 75 Ответ] Помните, что я хочу, чтобы показать общий 100 или максимальный масштаб, но по-прежнему хотят, чтобы ограничить до 75 процентов или на 75.Как остановить ввод диапазона HTML5 на число?

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

+4

'<входной тип =«Диапазон»макс =«100»>' – naththedeveloper

+0

^там вы идете, вот и все –

+0

Нет, я хочу, чтобы показать максимальное значение 100, но до сих пор остановитесь в 75! – ahmadalibaloch

ответ

1

Просто используйте max приписывать ограничьте максимальное значение входного диапазона. Как так:

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

Для получения дополнительной информации вы можете использовать проверить документацию MDN в about the input element.

+2

Нет. Я хочу показать максимальное значение 100, но все равно останавливаться на 75! Я не так много новичков :) – ahmadalibaloch

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"); 
    } 
}); 
Смежные вопросы