Angular js Injection Clarification

Question

I m new to Angular JS and I was going through few angular JS tutorials. The below one is one of the controller method. In the first case, $scope is included as part of the array string but in the second case $scope is injected in the function alone but both works fine. What is the difference and which approach has to be used?

 app.controller('myController', ['$scope', function ($scope) {
            $scope.message = "Test Success";
        }]);

        app.controller('myController', function ($scope) {
            $scope.message = "Test Success";
        });

Shehryar Abbasi · Accepted Answer · 2015-05-14 14:53:30Z

1

the first method is the recommended practice so the app does not break when (or if) minified.
give this a read: https://scotch.io/tutorials/declaring-angularjs-modules-for-minification
and this: https://docs.angularjs.org/tutorial/step_05 (scroll down to "A Note on Minification")

answered May 14, 2015 at 14:53

Shehryar Abbasi

3782 silver badges8 bronze badges

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

Comments

Umesh Kolapkar · Accepted Answer · 2015-05-14 15:00:20Z

1

First approach is preferable because while minification of javascript function arguments would be minified as well, and the dependency injector would not be able to identify services correctly.

answered May 14, 2015 at 15:00

Umesh Kolapkar

224 bronze badges

Comments

Dan Moldovan · Accepted Answer · 2015-05-14 15:08:54Z

1

Both notations are equal in the eyes of angular. I personally prefer and recommend the first one even.

Even though the above comments are correct, minification will break this, there is still ngAnnotate which is built specifically for this: Using the second notation it converts it to the array notation when minifying

answered May 14, 2015 at 15:08

Dan Moldovan

3,5912 gold badges16 silver badges24 bronze badges

Collectives™ on Stack Overflow

Angular js Injection Clarification

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related