AngularJS控制器风格各异

Question

<div ng-app="myApp" ng-controller="DoubleController" ng-init="content=50">
  <h1>{{double(50)}}</h1>
</div>

在脚本部分有两种样式。

myApp.controller('DoubleController', function ($scope) {
  $scope.double = function (value) {
    return value * 2;
  };
});

和

myApp.controller('DoubleController', ['$scope', function($scope) {
  $scope.double = function(value) { return value * 2; };

这两种风格之间的区别是什么？$scope在['$scope', function($scope){} ]中的含义是什么。

感谢。

Answer 1

请见Angularjs docs的Dependency Annotation。关于你展示的第一种风格，它说：

  

小心：如果您计划缩小代码，您的服务名称将会得到   重命名并破坏您的应用。

所以他们建议使用第二种风格，因为在缩小代码时这不会破坏。