Angular $broadcast only updating after page refresh

Question

Hi I have a problem in Angular where $scope.$broadcast is only updating a listening value once the page has been refreshed once:

One controller:

$rootScope.$broadcast('myVar', myValue);

Listener:

$scope.$on('myVar', function(event, myValue) {
    console.log(myValue);
    $scope.myValue= myValue;
});

It works if I refresh the page once, but on initial load the listener is not working? Any ideas?

If you put the `$on` in the same file as the `$broadcast` do you see the same behaviour? Is the controller on the page before a refresh? — Davin Tryon, Nov 25 '14 at 09:26
If it works in the same file, check out the order in which the files are loaded (order in the `index.html`). Since, the browser caches the files, the order wouldn't matter after a refresh. — Davin Tryon, Nov 25 '14 at 10:06
I have solved the problem, using `$window.location.reload();` it appeared that I needed to reload the controller to re-initiate the listener. — rjmacarthy, Nov 25 '14 at 13:49

score 0 · Accepted Answer · answered Nov 25 '14 at 13:50

0

I have solved the problem, using $window.location.reload(); it appeared that I needed to reload the controller to re-initiate the listener.

answered Nov 25 '14 at 13:50

rjmacarthy

1 Answers1