How to use $http outside of a controller? in AngularJS

Question

I want to forget "jQuery" because i like "AngularJS". However, i need to know how to use independent tasks that incorporate AngularJS elsewhere in my application. On this occasion I want to use "$https AngularJS" function to import a JavaScript file for example.

Example (it used to do in jQuery):

$.get("url.js", function(data){ eval(data) }); //ok
console.info($.get); //code code code... ok

Example (as documented in AngularJS)

//In a controller
App.controller('Ctrllr', ['$http', function ($http) {
    $http.get("url.js").success(function(data){
        eval(data); //ok
    });
    console.info($http); //code code code.... ok
})

//outside
$http.get("url.js"); //$http is undefined
//How to use $http here?

As you see in the last call, $http is outside of a process. Now, would like to know, how to use the class $http or another Angular utils outside of a controller/application?

what you mean by outside? before a controller is loaded? on which event related to angular context? — micha
– micha, Commented Feb 7, 2015 at 13:35

Tatiana Perere · Accepted Answer · 2017-03-01 20:59:42Z

5

Use this:

$http = angular.injector(["ng"]).get("$http");

answered Mar 1, 2017 at 20:59

Tatiana Perere

812 silver badges7 bronze badges

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

Comments

Hanfei Sun · Accepted Answer · 2015-02-07 04:07:55Z

4

Surely you can use $http within a run block

angular.module('myModule', [])
.run(function($http) {$http.get('/url').success(mySuccessCallback)}

But you still have to use $http in angular context (application) because dependency injection is needed to inject $http service

edited Feb 7, 2015 at 4:07

answered Feb 7, 2015 at 4:02

Hanfei Sun

47.3k42 gold badges136 silver badges253 bronze badges

Comments

Walter Chapilliquen - wZVanG · Accepted Answer · 2015-02-08 03:24:22Z

1

Thank you all, I think the only solution would be to declare a global variable and then assign a controller $https for this variable

var myAjax;
App.controller('Ctrllr', ['$http', function ($http) {
  myAjax = $http;
});

myAjax("url.js").success(function(code){eval(code)}

If anyone has a better solution is welcome. A greeting :)

answered Feb 8, 2015 at 3:24

Walter Chapilliquen - wZVanG

12.1k8 gold badges44 silver badges64 bronze badges

Comments

ribsies · Accepted Answer · 2015-02-07 03:58:58Z

0

You can't do that. But that's fine, you shouldn't.

What you should do is setup a service using a factory which can then be accessed by your controllers or whatever you want. A factory looks like this...

app.factory('service', ['$http', function($http) {
   var service = {}

   service.get = function() {
     return $http.get('/url');
   }
   return service.
 }]);

Then you can inject this service into anything you want and can call the get function from there which will return the promise for you.

Edit: to clarify, you don't have to return the promise you can use your imagination.

answered Feb 7, 2015 at 3:58

ribsies

1,2182 gold badges10 silver badges16 bronze badges

3 Comments

Ardi Vaba Over a year ago

Because you CAN do that, while yes, you shouldn't. Also making a factory to access a service just ridiculous. Read his question next time.

ribsies Over a year ago

Good advice, you should read it too! In the way he wrote it, it is not possible. You could use some kind of http service outside of an angular controller, but not like that. I don't think ridiculous is the word you are looking for. This is the standard way to do this, it makes it modular and clean/organized.

Ardi Vaba Over a year ago

He wants to use service outside all the providers.

Collectives™ on Stack Overflow

How to use $http outside of a controller? in AngularJS

4 Answers 4

Comments

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related