Angular2 Http v.s HTTP_PROVIDERS

Question

I read an article for how to inject Http service into an Angular2 application.

https://angular.io/docs/ts/latest/api/http/HTTP_PROVIDERS-let.html

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

@Component({
  selector: 'app',
  providers: [HTTP_PROVIDERS],
....

I thought Http service already included in the HTTP_PROVIDERS. (as below, according to the document).

"The providers included in HTTP_PROVIDERS include:

Http
XHRBackend
BrowserXHR - Private factory to create XMLHttpRequest instances
RequestOptions - Bound to BaseRequestOptions class
ResponseOptions - Bound to BaseResponseOptions class"

If that's the case, how come we still need to import Http in? Can we only do

 import {HTTP_PROVIDERS} from 'angular2/http';

On the other hand, be more specifically, can we change the component providers to providers: [Http]? Or in the bootstrap, can we do bootstrap(app, [Http])?

Isaac Aggrey · Accepted Answer · 2016-12-06 20:47:42Z

5

HTTP_PROVIDERS is deprecated.

e.g.: As mentioned in this comment, instead of this:

@NgModule({
  declarations: [AppComponent],

  providers:    [
    HTTP_PROVIDERS
  ],
   ...
})
export class AppModule { }

use this

@NgModule({
  declarations: [AppComponent],

imports: [
    HttpModule
  ],
   ...
})
export class AppModule { }

Note: you import the module in imports in @NgModule, not the @Component.

edited Dec 6, 2016 at 20:47

answered Dec 6, 2016 at 20:31

Isaac Aggrey

2,2003 gold badges17 silver badges20 bronze badges

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

Comments

Ateş Göral · Accepted Answer · 2016-10-26 22:47:28Z

1

in Angular2, we can import not only services, but also directives and values (constants) from a module. We import those "TYPES" in order to fulfill the strong-type feature of TypeScript. So we can refer to it in our component class code later.

edited Oct 26, 2016 at 22:47

Ateş Göral

141k27 gold badges142 silver badges191 bronze badges

answered Mar 26, 2016 at 21:36

George Huang

2,5236 gold badges30 silver badges49 bronze badges

1 Comment

Aluan Haddad Over a year ago

Thumbs down for saying this is related to strong typing.

Collectives™ on Stack Overflow

Angular2 Http v.s HTTP_PROVIDERS

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related