angularjs services using $inject?

Question

(function() {
    angular.module('MyApp')
        .factory('Contact', Contact);

    Contact.$inject = ['$http'];

    function Contact($http) {
        return {
            send: function(data) {
                return $http.post('/contact', data);
            }
        };
    }
})();

In a boilerplate I found above code. I have few confusions :

why not just inject $http like this

angular.module('MyApp').factory('Contact', function($http){ });
is it necessary to put the service within self-execution function?

1) Because it wouldn't work if minified. See docs.angularjs.org/guide/di. 2) It's a good idea so as not to pollute the global namespace with the Contact symbol — Phil
– Phil, Commented Aug 29, 2016 at 3:49

Jahongir Rahmonov · Accepted Answer · 2016-08-29 03:49:40Z

3

First - The problem will arise when you try to minimize your angular files. Your minimizer may convert $http to variable b and their identity will still be preserved in the strings if you use $inject otherwise you will have errors.

Second - When you are using self-executed functions, you are isolating the scope of your services. That will help when you combine all the files into one. If you don't do that variables or functions with the same name will produce errors.

This is explained in more detail in John Papa's styleguide

Hope it helps

answered Aug 29, 2016 at 3:49

Jahongir Rahmonov

13.8k11 gold badges53 silver badges100 bronze badges

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

Collectives™ on Stack Overflow

angularjs services using $inject?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related