Javascript 带此关键字的函数上的角$

这导致了一个错误：mainCtrl.$on不是一个函数。早期版本通过注入$scope来实现这一点。我们不能像上面那样使用“this”关键字和“Controller as”方法来实现这一点吗？

在您的情况下，“this”指的是控制器，而不是$scope。要使“this”引用$scope，您需要在$scope方法中。您需要使用：

(function(){

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

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

})();

另见：

$scope.$on(...)