Question

我正在尝试在AngularJS 1.3中实现controllerAs语法

我正在开始我的函数声明：

function() {
    var myCtrl = this;
    myCtrl.foo = foo; // works fine
    myCtrl.$on("foo", bar); // fails, says myCtrl.$on is not a function
}

Answer 1

controllerAs语法使用绑定到this的控制器内的$scope。但$scope是一个特殊对象，其中包含$watch，$on和其他特殊属性。

因此，当您想要观察某些变量或听取事件时，您必须仅使用$scope。

Answer 2

$scope和myCtrl标识符不可互换。＆＃39;控制器为＆＃39;是一种语法糖，在1.2中引入并试图修复$scope的经验（至少其部分受到范围原型继承的不良影响）。

<body ng-controller="MyCtrl as myCtrl">
...
app.controller('MyCtrl', function () {
  ...
});

与

相同

<body ng-controller="MyCtrl">
...
app.controller('MyCtrl', function ($scope) {
  $scope.myCtrl = this;
  ...
});

它不会消除对范围的需求，但会在控制器中引入有用的模式（请注意，除非您需要{{1}，否则您不需要在前一个示例中注入$scope等等）。

您可以通过同时记录$scope.$on和$scope来轻松查看。