Angular $on function with this keyword

Question

(function(){

    var eateryControllers=angular.module('eateryControllers',[]);

    eateryControllers.controller('MainController',function($scope){
        var mainCtrl=this;
        mainCtrl.$on('$viewContentLoaded',function(){
            console.log("view loaded");
        })
    });

})();

this caused an error: mainCtrl.$on is not a function. Earlier versions did this by injecting $scope. Cant we do this using 'this' keyword and 'Controller as' approach like above way

score 2 · Answer 1 · edited May 23 '17 at 10:28

2

In your case, 'this' refers to the controller and not the $scope. For 'this' to refer to $scope, you would need to be within a $scope method. You need to use:

$scope.$on(...)

See also: 'this' vs $scope in AngularJS controllers

edited May 23 '17 at 10:28

Community

1
1

answered Oct 16 '15 at 23:25

Matthew Clise

191
3

Angular $on function with this keyword

1 Answers1