angularjs custom module with $http injection

Question

I need to write an angular module that uses $http

(function () {
    'use strict';

    var app = angular.module('myModule', []);

    app.provider("$late", function () {
        var file;
        var remoteFile
        var data = {};
        var separator;

        return ({
            $get: instantiateLate,
            Load: Load
        });
        function Load(config) {
            console.log("load");
            this.file = (config.file !== undefined) ? config.file : "";
            this.remoteFile = (config.remoteFile !== undefined) ? config.remoteFile : "";
            this.separator = (config.separator !== undefined) ? config.separator : ".";

            if (this.remoteFile === undefined && this.remoteFile === undefined)
                throw new Error('Specificare un file locale o remoto');

            //$http.get ....
        }
        function instantiateLate() {
            return ({
                file: file,
                remoteFile: remoteFile,
                data: data,
                separator: separator
            });
        }
    });

}());

How can I use the $http? When I uncomment $http.get I get this error:

ReferenceError: $http is not defined

thanks

what are the angular files you are using? and what does your module registration look like? — Nilesh
– Nilesh, Commented Mar 31, 2016 at 16:12

Community · Accepted Answer · 2017-05-23 12:31:19Z

2

To fix your error, you need to inject $http.

app.provider("$late", ['$http', function ($http) { ... }]

Edit: However, since you are using a provider, you cannot inject a service into it. You can inject it in your $get though. Instead of the above for a provider, use the following.

    function instantiateLate($http) {
        return ({
            file: file,
            remoteFile: remoteFile,
            data: data,
            separator: separator
        });

Source: use $http inside custom provider in app config, angular.js

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Mar 31, 2016 at 15:55

rabruce

1331 silver badge8 bronze badges

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

3 Comments

Mauro Sala Over a year ago

when I do this, this is the new error: "unknown provider: $http"

rabruce Over a year ago

I updated my post. It turns out you cannot inject a service directly into a provider.

Mauro Sala Over a year ago

your link source has given me the correct way, thanks

georgeawg · Accepted Answer · 2016-03-31 16:15:09Z

0

For providers, runtime service instances are injected in the $get constructor function.

$get: ["$http", instantiateLate($http)],

This means your code needs to be re-factored to work.

   function instantiateLate($http) {
       //
       //Put functions that uses $http here
       // 
       return ({
            file: file,
            remoteFile: remoteFile,
            data: data,
            separator: separator
       });
    }

answered Mar 31, 2016 at 16:15

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Comments

Gonzalo Pincheira Arancibia · Accepted Answer · 2016-03-31 16:52:44Z

Your approach is wrong. The providers don't uses return statement for create the instance. check the correct way to create a provider in this docs and this article.

My recommendation it's do the follow:

(function () {
    'use strict';

    var app = angular.module('myModule', []);

    app.provider("$late", function () {
        var file;
        var remoteFile;
        var data = {};
        var separator;

        var httpReference;

        this.load = Load;
        this.$get = instantiateLate;

        function Load(config) {
            console.log("load");
            this.file = (config.file !== undefined) ? config.file : "";
            this.remoteFile = (config.remoteFile !== undefined) ? config.remoteFile : "";
            this.separator = (config.separator !== undefined) ? config.separator : ".";

            if (this.remoteFile === undefined && this.remoteFile === undefined)
                throw new Error('Specificare un file locale o remoto');

            httpReference.get('some_url');
        }

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

        function instantiateLate($http) {
             httpReference = $http;
             return ({
                file: file,
                remoteFile: remoteFile,
                data: data,
                separator: separator
            });
        }
    });

}())

Mauro Sala · Accepted Answer · 2016-04-13 10:01:57Z

0

with this code it works

var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');

answered Apr 13, 2016 at 10:01

Mauro Sala

1,2062 gold badges15 silver badges34 bronze badges

Collectives™ on Stack Overflow

angularjs custom module with $http injection

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related