How to deal with $interval is not a function error in angularjs?

Question

I am using angularjs $interval function to increase/decrease a value continuously when I click on up/down arrows. But I am getting an error "TypeError: $interval is not a function" when I try to increase/decrease. How to solve this problem, thanks in advance. This is the code I have written so far:

$scope.onMouseDown = function (type) {
  promise = $interval(function () {
    if (type == 'Inc') {
       $scope.increaseVal();
    }
    else if (type == 'Dec') {
       $scope.decreaseVal();
    }
  }, 150);
};
$scope.stopInterval = function () {
   $interval.cancel(promise);
};

<div><a href="javascript:;" class="arrow" data-spin="up"><i class="fa fa-caret-up" ng-mousedown="onMouseDown('Inc')" ng-mouseup="stopInterval()" ng-mouseleave="stopInterval()" ng-click="increaseVal()"></i></a>
<a href="javascript:;" class="arrow" data-spin="down"><i class="fa fa-caret-down" ng-mousedown="onMouseDown('Dec')"
ng-mouseup="stopInterval()" ng-mouseleave="stopInterval()" ng-click="decreaseVal()"></i></a>
</div>

read docs.angularjs.org/api/ng/service/$interval . there are examples as well about the usage — Deep
– Deep, Commented Jan 18, 2017 at 15:18
What do you increaseVal and decreaseVal functions look like? @dev8080 Wouldn't it say cannot read property cancel of undefined if that was the case? — devqon
– devqon, Commented Jan 18, 2017 at 16:31

nweg · Accepted Answer · 2017-01-18 16:17:48Z

2

Inject the $interval service into your controller:

angular.module('yourmodulename').controller('yourcontrollername', [
    '$scope', '$interval',
    function ($scope, $interval) {
       $scope.onMouseDown = function (type) {
           promise = $interval(function () {
               if (type == 'Inc') {
                   $scope.increaseVal();
               }
               else if (type == 'Dec') {
                   $scope.decreaseVal();
               }
           }, 150);
       };
       $scope.stopInterval = function () {
           $interval.cancel(promise);
       };
}]);

answered Jan 18, 2017 at 16:17

nweg

2,8753 gold badges25 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

devqon Over a year ago

Wouldn't it say cannot read property cancel of undefined if that was the case?

nweg Over a year ago

What line is the error being thrown? I'm guessing it's where you are trying to set the promise variable, in which case you are using $interval as a function. You aren't even getting to the code where you are trying to call cancel on the $interval service.

User Over a year ago

Thank you guys, actually I am calling this function from multiple ways. I missed the injection of $interval from one calling function. Now it is working fine. Apologies for troubling you all.

Collectives™ on Stack Overflow

How to deal with $interval is not a function error in angularjs?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related