Angular $rootScope.$on Undefined

Question

I have the following in a controller.

$rootScope.$on('progressbarEvent', function (event, data) {
    $rootScope.progresscurrent = data.currentprogress;
    console.log('Event listening: ' + $rootScope.progresscurrent);
});

I have this in a factory service.
   $rootScope.$emit('progressbarEvent', dataFactory.currentprogress);

$on is returned undefined. Anyone knows the cause of this?

My controller is:

app.controller('indexcontroller', ['$rootScope','$scope', '$http', 'dataFactory',
       function ($scope,$http,$rootScope, dataFactory) {

Did you include `$rootScope`? – tymeJV Jun 25 '14 at 13:31 — tymeJV, Jun 25 '14 at 13:31
I updated the question to show first part of controller. – Nate Jun 25 '14 at 13:34 — Nate, Jun 25 '14 at 13:34

score 25 · Accepted Answer · answered Jun 25 '14 at 13:35

25

The order of dependencies has to be consistent with the array it was declared in:

app.controller('indexcontroller', ['$rootScope','$scope', '$http', 'dataFactory',
   function ($rootScope, $scope, $http, dataFactory) {

answered Jun 25 '14 at 13:35

tymeJV

103,943
14
161
157

Can you clarify? My function is passing in the same order as the injector. – Nate Jun 25 '14 at 13:36
3

@Nate -- No it's not...You have $rootScope before $scope in the array, and $scope before $rootScope in the function – tymeJV Jun 25 '14 at 13:40
Sorry I was looking at the one you posted which was the fix. That fixed it! – Nate Jun 25 '14 at 14:05

Angular $rootScope.$on Undefined

1 Answers1

Linked