AngularJS - Event fired only once

Question

I've got this in a first controller : (executed on ng-mouseover)

$scope.overMenu = function() {
    $rootScope.$broadcast('overMenu');
    console.log('overMenu');
};

And this in a second one :

$scope.$on('overMenu', $scope.overMenu());
$scope.overMenu = function()
{
    console.log('on overMenu');
    //gridLayoutPlugin.updateGridLayout();
};

But my event is fired or catched only once and i don't understand why...

matt2mi · Accepted Answer · 2014-10-06 12:38:00Z

1

Solved !

I started over everything and putting my $scope.$on at the end of my controller, i don't remember but maybe i declared it before the function i wanted to call...

answered Oct 6, 2014 at 12:38

matt2mi

1643 silver badges14 bronze badges

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

Comments

dfsq · Accepted Answer · 2014-10-06 10:13:06Z

0

Event handler should be a function reference:

$scope.$on('overMenu', $scope.overMenu);

When you put parentheses after function name you immediately invoke it. What you want to do is to provide a reference to a function to be called on once event occures.

answered Oct 6, 2014 at 10:13

dfsq

193k26 gold badges244 silver badges261 bronze badges

1 Comment

matt2mi Over a year ago

hi, even when i try this : $scope.$on('overMenu', console.log('on overMenu')); it still works only once.

Collectives™ on Stack Overflow

AngularJS - Event fired only once

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related