AngularJS - What is the correct syntax to initialize a controller?

Question

I have been following a few tutorials about AngularJS and I noticed that there are multiple methods to initialize a Controller.

For example, the following code is based on the AngularJS documentation:

angular.module('todoList', [])
.controller('todoListCtrl', ['$scope',
    function ($scope) {
        ...
    }
]);

However, this code also works:

angular.module('todoList', [])
.controller('todoListCtrl',
    function ($scope) {
        ...
    }
);

Is one method preferred over the other?

David L · Accepted Answer · 2016-01-12 17:31:16Z

1

The second syntax is not minification safe. Once you minify, the uglifier will rename $scope meaning that it will not be able to be injected properly by the AngularJS injector, since the injector uses name-matching to identify which depedency to resolve.

The first syntax was added to fix this issue and is the syntax you should use for production applications.

answered Jan 12, 2016 at 17:31

David L

34.1k8 gold badges70 silver badges98 bronze badges

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

2 Comments

Scott Selby Over a year ago

I never heard the name uglifier , that is probably the tool that got to some of my ex's

David L Over a year ago

Closure, Grunt/gulp packages, RequireJS, Webpack...they all have an "uglifier" that renames the codebase to compact it. For instance: npmjs.com/package/gulp-uglify

Collectives™ on Stack Overflow

AngularJS - What is the correct syntax to initialize a controller?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related