javascript - 在 Angular 中将数据附加到 $scope 的不同方法

Question

我是 Angular 1 的初学者，我知道 $scope 是 vew 和 modal 之间的粘合剂。

谁能告诉我这三种定义 Controller 的方式之间的区别。

1)

   (function(angular) {
      'use strict';
       var myApp = angular.module('myApp', []);
       myApp.controller('namesCtrl', ['$scope', function($scope) {
         $scope.customSpice = 'wasabi';

       }]);
    })(window.angular);

是否使用传递数组值 ['$scope',function]。光有功能还不够吗？

2)

angular.module('myApp', []).controller('namesCtrl', function($scope) {

});

3)

  (function(angular) {
    'use strict';
     angular.module('invoice1', [])
     .controller('namesCtrl', function namesCtrl() {
        this.customSpice = 'wasabi';
      });
    })(window.angular);

他们如何在第三个示例中将数据绑定(bind)到 $scope 我在 https://docs.angularjs.org/guide/concepts 找到了这个示例.

Answer 1

案例 3:

Controlled 用作“controller as”语法。这是与 DOM 绑定(bind)的最新实践。这里 $scope 变量在 HTML 中当前 Controller 的上下文中使用。

然而，要在闭包或其他函数中使用它，您需要复制对此上下文的引用

例如:var cs = this;

情况 1 和情况 2 几乎相同，只是 $scope 在情况 1 中作为依赖项传递。

在这里阅读更多关于每个 Angular: Should I use this or $scope 的好处