angular2 resolveAndCreate HTTP - missing HTTP_PROVIDERS in RC7

Question

back in RC4 when HTTP_PROVIDERS existed I could create my custom http instance using

export function createHTTP(url:string, headers?:Headers){
  let injector = ReflectiveInjector.resolveAndCreate([
    myHttp,
    {provide:'defaultUrl', useValue:url},
    {provide:'defaultHeaders', useValue:headers || new Headers()},
    ...HTTP_Providers
  ])
  return injector.get(myHttp)
}

myHttp was a wrapper for Http

@Injectable()
export class myHttp{
  constructor(@Inject('defaultUrl) private url:string, @Inject('defaultHeaders) private headers:Headers, private http:Http){}

  get()
  put()...
}

Now with HTTP_PROVIDERS deprecated and removed, how do I provide it?

Thanks!

I'm building a library to facilitate the access to my database so that I can use something like this in my components (client-side) this.todoDB = createHttp(url, headers) then this.todoDB.post.... — Han Che
– Han Che, Commented Sep 14, 2016 at 13:29
Just ask the user to import your module. If you module contains imports: [HttpModule] you should be fine. And add Http to the constructor where you need it constructor(private http:Http) {} — Günter Zöchbauer
– Günter Zöchbauer, Commented Sep 14, 2016 at 13:34

Community · Accepted Answer · 2017-05-23 12:26:22Z

3

@NgModule({
  imports: [HttpModule],
  ...
})
class AppModule {}

or copy the definition of HTTP_PROVIDERS from the Angular2 source to your source and use it there like before.

const HTTP_PROVIDERS = [
    {provide: Http, useFactory: 
      (xhrBackend: XHRBackend, requestOptions: RequestOptions): Http =>
          new Http(xhrBackend, requestOptions), 
          deps: [XHRBackend, RequestOptions]},
    BrowserXhr,
    {provide: RequestOptions, useClass: BaseRequestOptions},
    {provide: ResponseOptions, useClass: BaseResponseOptions},
    XHRBackend,
    {provide: XSRFStrategy, useFactory: () => new CookieXSRFStrategy()},
];

You can also create an injector yourself using these providers like

let resolvedProviders = ReflectiveInjector.resolve(HTTP_PROVIDERS);
let injector = ReflectiveInjector.fromResolvedProviders(resolvedProviders, /* this.injector (parent injector if any) */ );
var http = child.get(Http);

See also Inject Http manually in angular 2

edited May 23, 2017 at 12:26

CommunityBot

11 silver badge

answered Sep 14, 2016 at 13:24

Günter Zöchbauer

662k235 gold badges2.1k silver badges1.6k bronze badges

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

2 Comments

Han Che Over a year ago

does it mean as long as HttpModule is imported in the (client-side) AppModule, I don't need to "provide" HTTP_PROVIDERS anymore to inject Http? the code I'm writing is aiming to be a library

Günter Zöchbauer Over a year ago

You don't need it to inject Http but you need it when you create an injector yourself like you do in your question.

Collectives™ on Stack Overflow

angular2 resolveAndCreate HTTP - missing HTTP_PROVIDERS in RC7

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related