промежуточные значения счетчика

Question

, пожалуйста, помогите исправить сценарий. http://jsfiddle.net/k9r4t/

при паре. button_hover, увеличивая значение счетчика. но значение счетчика отображается на экране, когда курсор покидает. button_hover. и пользователь видит только начальное и конечное значение счетчика.

Я хотел бы пользователю видеть промежуточные значения

код контроллера:

var app = angular.module("moduleCounter", []); 

app.controller("controllerCounter", function ($scope){ 
    $scope.counter = 0; 

    $scope.incrementCounter = function(){ 
     $scope.startNext = setInterval(function(){ 
      $scope.counter++; 
     }, 400); 
    } 

    $scope.stopCounter = function(){ 
     clearInterval($scope.startNext); 
    } 
}); 

Answer 1

Использование $timeout, это родной сервис ANGULAR по:

var app = angular.module("moduleCounter", []); 

app.controller("controllerCounter", function ($scope , $timeout){ 
    $scope.counter = 0; 

    $scope.incrementCounter = function(){ 
     $scope.setTimeout(); 
    } 

    $scope.setTimeout = function(){ 
     $scope.startNext = $timeout($scope.counterUp , 400); 
    } 

    $scope.counterUp = function(){ 
     $scope.counter++; 
     $scope.setTimeout(); 
    } 

    $scope.stopCounter = function(){ 
     $timeout.cancel($scope.startNext); 
    } 
}); 

JSFiddle: http://jsfiddle.net/cherniv/k9r4t/1/