$timeout continues to run after page click to other path

Question

I am using yo:angular-fullstack generator to build my website. When a user registers to the site, it will send an activation email with a link. When a user clicks t

Answer 1

You need to listen to AngularJS changing the route using the $locationChangeStart event:

$scope.$on('$locationChangeStart', function () {
    $timeout.cancel(timer);
});

That way, when the route changes, the timer is cancelled and the user is not redirected.

Answer 2

module.controller("TestController", function($scope, $timeout) {

    var onTimeout = function() {
        // something
    };
    var timer = $timeout(onTimeout, 1000);

    $scope.$on("$destroy", function() {
        if (timer) {
            $timeout.cancel(timer);
        }
    });
});

you can call it simply when scope is destroyed.