Inject Http manually in Angular 2

by

UPDATE (final)

constructor() {
  let injector = ReflectiveInjector.resolveAndCreate([
    Http,
    BrowserXhr,
    {provide: RequestOptions, useClass: BaseRequestOptions},
    {provide: ResponseOptions, useClass: BaseResponseOptions},
    {provide: ConnectionBackend, useClass: XHRBackend},
    {provide: XSRFStrategy, useFactory: () => new CookieXSRFStrategy()},
  ]);
  this.http = injector.get(Http);
}

ORIGINAL (RC.x)

constructor() {
  let injector = ReflectiveInjector.resolveAndCreate([HTTP_PROVIDERS]);
  this.http = injector.get(Http);
}

This creates a new injector (independent of the one used by the rest of your Angular2 app. This isn’t necessarily a problem, you just should be aware of it.

See also angular2 resolveAndCreate HTTP – missing HTTP_PROVIDERS in RC7

More Related Contents:

  1. Angular 2.0 router not working on reloading the browser
  2. How do I create a singleton service in Angular 2?
  3. How to communicate between component in Angular?
  4. Angular 4.3 – HttpClient set params
  5. How can I limit ngFor repeat to some number of items in Angular?
  6. Remove/replace a component’s selector tag from HTML [duplicate]
  7. Apply a directive conditionally
  8. How can I unit test a component that uses the Router in Angular?
  9. Angular 2, DomSanitizer, bypassSecurityTrustHtml, SVG
  10. Angular 2 filter/search list
  11. localStorage is not defined (Angular Universal)
  12. Application becomes unresponsive after encountering an exception
  13. Angular 6: saving data to local storage
  14. ctorParameters.map is not a function in angular2-mdl
  15. How to set environment via `ng serve` in Angular 6
  16. Angular show spinner for every HTTP request with very less code changes
  17. How do I inject a parent component into a child component?
  18. Angular2 equivalent of $document.ready()
  19. Angular start ngFor index from 1
  20. @Input property is undefined in Angular 2’s onInit
  21. Angular ngClass and click event for toggling class
  22. angular 2 azure deploy refresh error : The resource you are looking for has been removed, had its name changed, or is temporarily unavailable
  23. Cannot read property ‘native-element’ of undefined
  24. Filtering different columns in a material table
  25. Adding / Removing components on the fly
  26. Cannot find module ‘@firebase/app-types/private’ – Firebase throws error
  27. How to set default HTTP header in Angular2?
  28. Angular2 watch for 302 redirect when fetching resource
  29. FormControl.detectchanges – why use distinctUntilChanged?
  30. How to use angular2 built-in date pipe in services and directives script files [duplicate]

Leave a Comment