How to inject Http in Angular 2 without typescript

Question

The examples given by the angular team only show how to inject Http for typescript.

https://angular.io/docs/js/latest/api/http/Http-class.html

What's the JS equivalent of this:

import {Http, HTTP_PROVIDERS} from 'angular2/http';

and this:

constructor(http: Http) { }

Why do you inject HttpFactory? It's not mentioned in the page you linked to. — Günter Zöchbauer
– Günter Zöchbauer, Commented Feb 28, 2016 at 5:04
whoops, too many tabs open. Copied from the wrong one. Thanks! — HankScorpio
– HankScorpio, Commented Feb 28, 2016 at 5:06

Eric Martinez · Accepted Answer · 2016-02-28 07:10:59Z

3

Assuming you're at alpha 49 or newer (you should be at least at beta.0) and you're using the UMD bundles the correct answer is to use ng.http.Http and ng.http.HTTP_PROVIDERS

var App = ng.core.
          Class({
            constructor: [ng.http.Http, function(http) {
              /* Do something with http */
            }]
          });

document.addEventListener('DOMContentLoaded', function() {
  ng.platform.browser.bootstrap(App, [ng.http.HTTP_PROVIDERS]);
});

Here's a plnkr with a working example.

answered Feb 28, 2016 at 7:10

Eric Martinez

31.9k9 gold badges95 silver badges91 bronze badges

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

Comments

Thierry Templier · Accepted Answer · 2016-02-29 13:38:25Z

0

If you use ES6 (but not TypeScript), you need to create a getter for the parameters field:

export class SomeClass {
  constructor(http) {}

  static get parameters() {
    return [[Http]];
  }
}

edited Feb 29, 2016 at 13:38

answered Feb 28, 2016 at 7:24

Thierry Templier

203k44 gold badges407 silver badges366 bronze badges

Collectives™ on Stack Overflow

How to inject Http in Angular 2 without typescript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related