一个人如何同时运行两个控制器AngularJS

Question

I'm making a webapp in AngularJS (using Yeoman), and I have a loop to add 1 to a counter every second. This worked fine, until I needed multiple tabs with multiple controllers. I tried running a loop in the main controller, but this didn't work.

I want the gameLoop function in MoneyCtrl to run at all times, is there a better place to put this function?

Does anyone have an idea of how I could do this, or at least achieve the same effect?

Github project

Answer 1

You can put the gameLoop function on the run block.

angular.module('incrementalApp', ['ngAnimate', 'ngCookies', 'ngResource',
    'ngRoute', 'ngSanitize', 'ngTouch'
]).config(function($routeProvider) {
    //...
}).run(function($rootScope, MoneyService, Vars){

    var stop;

    $rootScope.loop = function() {
        if (angular.isDefined(stop) ) {
            return;
        }
        stop = $interval(function() {
            angular.forEach(Vars.clickers, function(clicker){
                MoneyService.addMoney((clicker.amount * clicker.production)/Vars.fps);
            });

        }, 1000/Vars.fps);

        $rootScope.stopLoop = function() {
            if (angular.isDefined(stop)) {
                $interval.cancel(stop);
                stop = undefined;
            }
        };

        $rootScope.$on('$destroy', function() {
          // Make sure that the interval is destroyed too
          $scope.stopFight();
        });
    };  

$scope.loop();
})

And use a service to add the money so you can require the service on each controller.