在使用$范围的方法ControllerAs语法 [英] ControllerAs Syntax when using $scope methods
问题描述
我想实现AngularJS controllerAs 语法1.3
我开始我的函数声明如下所示：
函数（）{
VAR myCtrl =这一点;
myCtrl.foo = foo的; //工作正常
myCtrl在$（富，吧）。 //失败，说myCtrl。$上不是一个函数
}
$范围和 myCtrl 标识符AREN Ť互换。 控制器是在1.2引入并试图修复从 $范围，从范围原型的不良影响遭受的经验（它至少部分语法糖继承）。
＆LT;机身NG控制器=MyCtrl为myCtrl＆GT;
...
app.controller（'MyCtrl'，函数（）{
...
}）;
是相同的
＆LT;机身NG控制器=MyCtrl＆GT;
...
app.controller（'MyCtrl'，函数（$范围）{
$ scope.myCtrl =这一点;
...
}）;
这并未消除范围的需要，但引入了有用的模式，在控制器（请注意，你不需要在前例如注入 $范围，除非你需要 $范围。$关于等在那里）。
您可以很容易地看到自己通过登录这两个 $范围和 myCtrl 。
I'm trying to implement controllerAs syntax in AngularJS 1.3
I'm starting my function declarations like so:
function() {
var myCtrl = this;
myCtrl.foo = foo; // works fine
myCtrl.$on("foo", bar); // fails, says myCtrl.$on is not a function
}
$scope and myCtrl identifier aren't interchangeable. 'Controller as' is a syntactic sugar that was introduced in 1.2 and tried to fix the experience from $scope (at least the part of it that suffered from undesirable effects of scope prototypal inheritance).
<body ng-controller="MyCtrl as myCtrl">
...
app.controller('MyCtrl', function () {
...
});
is identical to
<body ng-controller="MyCtrl">
...
app.controller('MyCtrl', function ($scope) {
$scope.myCtrl = this;
...
});
It doesn't eliminate the need for scope but introduces useful pattern into the controller (note that you don't need to inject $scope in the former example, unless you need $scope.$on, etc. there).
You can easily see it by yourself by logging both $scope and myCtrl.
这篇关于在使用$范围的方法ControllerAs语法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
