AngularJS控制器绑定

Question

我是AngularJs的新手，我试着理解控制器绑定的基础知识。假设我在我的html页面中有这个：

<div ng-controller ="MainController">
            <h2>{{message}}</h2>
        </div>

现在，在我的脚本文件中，我有两个选项（正如我在不同的教程中看到的那样）：

1：

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

myApp.controller('MainController', ['$scope', function($scope) {
  $scope.message = 'hello';
}]);

2：

var MainController = function($scope)
{
    @scope.message = "Hello";
};

Offcourse我更喜欢第二种方法，但只有第一种选择适合我。我正在使用AngularJS 1.4.4，它可能是第二种方法现在已被弃用了吗？

谢谢！

Answer 1

第二种方法是将控制器代码分配给变量，在第一种方法中，将其直接传递给控制器​​函数。要使第二种方法起作用，您必须将该变量传递给控制器​​函数，如下所示。

myApp.controller('MainController', MainController);

你做同样的事情。我采用第二种方法，因为我觉得它更清洁。查看John Papa's style guide以获取有关如何编写Angular代码的简明指南。