Я сделал временной интервал, который позволяет увеличить или уменьшить время, нажав кнопку. Я хотел бы однако, что, когда я нажимаю и удерживаю кнопку, значение времени будет продолжать подниматься.
Итак, если вы видите мой Plunkr каждый раз, когда я нажимаю кнопку "вверх", значение увеличивается, но я хочу, чтобы это было, когда я удерживаю кнопку нажатой значение увеличивается 1,2,3,4,5,6,7,8, пока я не отпущу кнопку.
Как я мог достичь чего-то подобного?
<span class="time">{{ Time | timeFilter }}</span>
<div class="btn-group btn-group-sm">
<button class="btn btn-default" ng-mousedown='mouseDown()' ng-mouseup="mouseUp()">
<i class="fa fa-caret-up"></i>
</button>
<button class="btn btn-default" ng-click="Time = Time - 1">
<i class="fa fa-caret-down"></i>
</button>
</div>
Используйте директивы ng-mouseDown и ng-mouseup с интервалом $interval
app.directive('time', function ($interval) {
return {
templateUrl: 'time.html',
restrict: 'E',
scope: {
Time: '=value'
},
link: function (scope, element, attrs) {
element.addClass('time');
var promise;
scope.mouseDown = function() {
if(promise){
$interval.cancel(promise);
}
promise = $interval(function () {
scope.Time++;
}, 100);
};
scope.mouseUp = function () {
$interval.cancel(promise);
promise = null;
};
}
};
});