AngularJS Dependency Injection - Implicit vs Array Annotation [duplicate]

Question

So I was using this website to show me the basics: https://www.codeproject.com/Articles/1130132/Learn-AngularJS-for-Beginners

and on the scope inheritance section I was thrown off because of the controller used for that example compared to the example controller used as intro to controllers.

what is the difference between:

app.controller("PersonController", function($scope) {
    $scope.employeeData = personData;
    $scope.employeeMethod = function() {
      console.log("Hello, I am an Employee");
    }
});

and

app.controller("MainController", ['$scope', function($scope){
    $scope.name = "Donald"; 
    $scope.color = "White";
}]);

as in the first one is name then function, the second is name then bracket.

The difference is for minification. Check this out scotch.io/tutorials/… — scniro
– scniro, Commented Jun 12, 2017 at 23:02
From the source is OP, "This way of injecting dependencies is called ‘Dependency Injection" and what @scniro said — Harry
– Harry, Commented Jun 12, 2017 at 23:03

Shivam Tiwari · Accepted Answer · 2017-06-13 02:09:05Z

0

from here implicit annotation assumes function params to be name of the services

someModule.controller('MyController', function($scope, greeter) {
  // ...
});

$scope and greeter are the names of services above.

So both DI techniques work the same way except when some JavaScript minifiers/obfuscators are used because they can rename function parameters but not the inline Array.

answered Jun 13, 2017 at 2:09

Shivam Tiwari

3553 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

AngularJS Dependency Injection - Implicit vs Array Annotation [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related