Angular2 Inject Http Without Bootstrap

Question

Context:

I have a class that is going to form POST requests for my REST Api, lets call it requester. Every ajax call made in my app will be sent through this. Thus I don't want to provide Http via bootstrap(foo, [HTTP_PROVIDERS]); That would make it global and I need it to be injected to requester

Code:

import {Http} from '@angular2/http';
@Injectable()
@Component({providers: [Http]})
export class requester {
    constructor(private http:Http){}
    ...
}

Error:

ORIGINAL EXCEPTION: No provider for Http! (requestor -> Http)

`@Injectable()` and `@Component()` look weird together. Very likely you have to remove `@Component()` thing — Andrei Zhytkevich, Jul 27 '16 at 18:52

score 1 · Answer 1 · answered Jul 27 '16 at 18:59

try this one

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

    @Component({
          ....
           providers: [HTTP_PROVIDERS]
            ....})
    export class requester {
        constructor(private http:Http){}
        ...
    }

Assuming missing providers for your request

score 0 · Accepted Answer · answered Jul 27 '16 at 18:52

0

solve it like this

import { Http, Response } from '@angular/http';
export class LoginService {

  constructor(private http: Http) {

  }
}

or use it like this

public constructor(@Inject(Http)  private http: Http) {}

answered Jul 27 '16 at 18:52

rashfmnb

9,959
4
33
44

I still get the same thing – ZaksBack Jul 27 '16 at 18:56

score 0 · Answer 3 · answered Jul 27 '16 at 19:06

0

Assuming requester is a service.

Each Component which uses your service requester have to reference HTTP_PROVIDERS:

import {HTTP_PROVIDERS} from '@angular2/http';

@Component({
  ...
  providers: [HTTP_PROVIDERS, requester],
  ...
})

export class MyComponent{
  constructor(private _req: requester) {
  }
}

answered Jul 27 '16 at 19:06

Andrei Zhytkevich

8,039
2
31
45

Why cant the *requester* be the only one that requires the HTTP_PROVIDER? – ZaksBack Jul 27 '16 at 19:16
I'm guessing it's somehow related to the way how annotation is converted into metadata for `Injectable` enities. Check more information http://blog.thoughtram.io/angular/2015/09/17/resolve-service-dependencies-in-angular-2.html – Andrei Zhytkevich Jul 27 '16 at 19:24

Angular2 Inject Http Without Bootstrap

3 Answers3