计数器中间值

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，它是角的本地服务：

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/