引用已命名/未命名控制器中的角度控制器成员

我决定提出这个问题，因为我对Angular和JavaScript中更微妙的部分的工作方式感到非常困惑。我试着把我的问题具体化，以便把它分解。

1. 从控制器公开变量的标准方法是在$scope上声明它们。

   .controller('MyCtrl', function($scope) {
     $scope.value = 5; 
   });
   

   然后，从模板引用来看，假设MyCtrl是控制器，它是这样的：

   {{value}}
   

   当我使用controllerAs语法时，例如ui-router，如下所示：

   state('mystate', {
     templateUrl: 'partials/some.html',
     controller:  'MyCtrl as ctrl' }
   

   我仍然可以用{{value}}获得value，所以这是有效的。然而，如果我这样声明另一个值：

   .controller('MyCtrl', function($scope) {
     $scope.value = 5;
     this.otherValue = 10;
   });
   

   然后使用controller: 'MyCtrl'语法，我可以而不是引用{{otherValue}}。然而，对于controller: 'MyCtrl as ctrl'语法，我可以这样引用它们：

   {{value}} {{ctrl.otherValue}}
   

   第1点的摘要：我总是可以像{{value}}一样引用value，但如果控制器已命名，则只能引用otherValue，因此为{{ctrl.otherValue}}。

2. 我的第二点是关于函数的，主题与第1点类似。假设我定义了两个函数：

   .controller('MyCtrl', function($scope) {
     $scope.myFunc = function() {};
     this.otherFunc = function () {};
   });
   

   现在，如果我再次如上所述使用controller: 'MyCtrl'语法，那么从模板中我可以调用myFunc:

   <button ng-click="myFunc()">
   

   但这将无效：

   <button ng-click="otherFunc()">
   

   现在使用controller: 'MyCtrl as ctrl'语法，像这样调用myFunc将不起作用：

   <button ng-click="ctrl.myFunc()">
   <button ng-click="myFunc()">
   

   但我可以通过引用名称为的控制器来调用otherFunc

   <button ng-click="ctrl.otherFunc()">
   

   第2点总结：我只能像不使用controllerAs语法时那样调用$scope.函数，并且只能在引用命名控制器时调用this.函数。这与点1形成对比，在这里我可以引用来自命名或未命名控制器定义的$scope.变量。

我知道控制器构造函数用于设置$scope，模板应该使用$scope，但命名控制器有什么不同？我猜controllerAs语法导致自定义名称指向的不是作用域，而是控制器函数本身，但如果有人能帮我澄清这一点，我将不胜感激。

我还认为这些行为不仅与ui路由器有关，而且通常是它的工作方式，所以我也想知道：

• $scope上应该设置什么，不应该设置什么
• 函数本身应该设置什么（？），不应该设置什么
• 使用命名控制器时，是否有访问$scope.功能的方法
• 有什么建议或我遗漏的要点吗

感谢您提前抽出时间。