How to remove from scope when not in use in AngularJS?

Question

I've setup a controller to tick every few seconds, which in turn makes a restful call to a backend api. Everything is working as expected, except when I navigate to another section (handled by a separate controller), the tick continues to fire.

Is it possible to remove the controller from scope entirely?

Here's a paste of my current controller:

myApp.controller('SupervisorController', function($scope, supervisord, $timeout) {

    $scope.supervisord = supervisord;

    (function tick() {
        $scope.supervisord.fetch();
        $timeout(tick, 2500);
    })();
});

I'd be interested to know as well how you implemented tick with $watch. Would it be possible to add it to your question? Thanks in advance. — Xander
– Xander, Commented Jul 15, 2013 at 9:40

sk8terboi87 ツ · Accepted Answer · 2013-07-11 06:46:40Z

4

On http://docs.angularjs.org/api/ng.$rootScope.Scope it mentions that

Just before a scope is destroyed a $destroy event is broadcasted on this scope. Application code can register a $destroy event handler that will give it chance to perform any necessary cleanup.

This seems like exactly what you want.

edited Jul 11, 2013 at 6:46

sk8terboi87 ツ

3,4573 gold badges36 silver badges45 bronze badges

answered Mar 31, 2013 at 12:38

boxed

4,5063 gold badges29 silver badges32 bronze badges

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

2 Comments

aminal Over a year ago

You were right, this is exactly what I was looking for. I ended up moving my tick into a $watch, and added a $destroy event which just deletes my service. Works perfectly, thanks!

Matthieu Rouget Over a year ago

@Mark Pitman: I have an issue similar to yours (i.e. polling a REST API). You wrote I ended up moving my tick into a $watch. Do you have some code sample somewhere that explains you solution ?

mb21 · Accepted Answer · 2013-03-31 12:26:37Z

1

A workaround would be to use var myInterval = setInterval(tick, 2500); to get it going and later clearInterval(myInterval); to stop it again (or the analogous $timeout.cancel(myInterval)). For that you need access to myInterval in both controllers, so you might consider wrapping it in a Angular service.

answered Mar 31, 2013 at 12:26

mb21

40.3k8 gold badges130 silver badges158 bronze badges

3 Comments

aminal Over a year ago

I could do the same with the current approach, but that's going to require me to clear that interval in a separate controller right?

aminal Over a year ago

I'm curious to know if there's a way that I could 'watch' the controller, and if the user navigates to a different section of the UI, then unload/remove/destroy the controller completely?

mb21 Over a year ago

If you're using routes, you probably could clear the timer in the $routeChangeSuccess callback.

Collectives™ on Stack Overflow

How to remove from scope when not in use in AngularJS?

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related