AngularJS controller different styles [duplicate]

Question

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

In the script part there are two styles.

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

and

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

What is the difference between these two styles and what does $scope mean in ['$scope', function($scope){} ].

Thanks.

user125661 · Accepted Answer · 2017-09-16 20:37:49Z

1

See Dependency Annotation at Angularjs docs. About the first style you show, it says:

Careful: If you plan to minify your code, your service names will get renamed and break your app.

So they recommend using the second style, since this won't break when minifying your code.

answered Sep 16, 2017 at 20:37

user125661

1,56814 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1