Angular EXCEPTION No provider for Http

Question

I am getting the EXCEPTION  No provider for Http  in my Angular app  What am I doing wrong   import  Http  Headers  from  angular2 http   import  Injectable  from  angular2 core     Component       selector   greetings-ac-app2       providers          templateUrl   app greetings-ac2 html       directives   NgFor  NgModel  NgIf  FORM DIRECTIVES       pipes        export class GreetingsAcApp2       private str any       constructor http  Http             this str    str  test             http post  http   localhost 18937 account registeruiduser                JSON stringify this str                                 headers  new Headers                        Content-Type    application json

User · Answer

All you need to do is to include the following libraries in tour app module ts and also include it in your imports   import   HttpModule   from   angular http     NgModule     imports       HttpModule      declarations    AppComponent      bootstrap       AppComponent      export class AppModule

User · Answer

import   HttpModule   from   angular http   package in your module ts file and add it in your imports

User · Answer

If you have this error in your tests  you should create Fake Service for all services   For example   import   YourService1   from   services your1 service   import   YourService2   from   services your2 service    class FakeYour1Service    public getSomeData   any   return null       class FakeYour2Service     public getSomeData   any   return null        And in beforeEach    beforeEach async      gt      TestBed configureTestingModule       providers          Your1Service        Your2Service          provide  Your1Service  useClass  FakeYour1Service            provide  Your2Service  useClass  FakeYour2Service              compileComponents        compile template and css

User · Answer

Angular 4 3  for the introduced HttpClientModule   import   HttpClientModule   from   angular common http     NgModule     imports        BrowserModule      FormsModule     if used     HttpClientModule      JsonpModule    if used        declarations    AppComponent      bootstrap       AppComponent      export class AppModule       Angular2    RC 5  Import HttpModule to the module where you use it  here for example the AppModule   import   HttpModule   from   angular http     NgModule     imports        BrowserModule      FormsModule     if used     HttpModule      JsonpModule    if used        declarations    AppComponent      bootstrap       AppComponent      export class AppModule       Importing the HttpModule is quite similar to adding HTTP PROVIDERS in previous version

User · Answer

Import HttpModule in your app module ts file   import   HttpModule   from   angular http   import   YourHttpTestService   from     services httpTestService     Also remember to declare HttpModule under imports like below   imports        BrowserModule      HttpModule

User · Answer

Import the HttpModule  import   HttpModule   from   angular http     NgModule       imports    BrowserModule  HttpModule        providers          declarations    AppComponent        bootstrap    AppComponent      export default class AppModule      platformBrowserDynamic   bootstrapModule AppModule     Ideally  you split up this code in two separate files  For further information read    https   v2 angular io docs ts latest cookbook rc4-to-rc5 html https   v2 angular io docs ts latest guide ngmodule html

User · Answer

Since rc 5 you have to do something like   NgModule       imports    BrowserModule       providers    HTTP PROVIDERS          declarations    AppComponent        bootstrap    AppComponent      export default class AppModule      platformBrowserDynamic   bootstrapModule AppModule

User · Answer

Simple soultion   Import the HttpModule and HttpClientModule on your app module ts       import   HttpClientModule   from   angular common http   import   HttpModule   from   angular http       NgModule    declarations       AppComponent  videoComponent  tagDirective        imports      BrowserModule  routing  HttpClientModule  HttpModule     providers   ApiServices   bootstrap   AppComponent     export class AppModule

User · Answer

as of RC5 you need to import the HttpModule like so     import   HttpModule   from   angular http     then include the HttpModule in the imports array as mentioned above by G  nter

User · Answer

Add HttpModule to imports array in app module ts file before you use it    x000D   x000D  import   HttpModule   from   angular http   x000D   x000D   NgModule   x000D    declarations    x000D      AppComponent  x000D      CarsComponent x000D       x000D    imports    x000D      BrowserModule  x000D   HttpModule   x000D       x000D    providers      x000D    bootstrap   AppComponent  x000D     x000D  export class AppModule     x000D   x000D   x000D

User · Answer

I faced this issue in my code  I only put this code in my app module ts   import   HttpModule   from   angular http     NgModule     imports         BrowserModule  HttpModule      declarations    AppComponent      bootstrap       AppComponent      export class AppModule

User · Answer

Just include the following libraries    import   HttpModule   from   angular http   import   YourHttpTestService   from     services httpTestService     and include the http class in providers section  as follows    Component     selector           templateUrl     test html     providers   YourHttpTestService

User · Answer

The best way is to change your component s decorator by adding Http in providers array as below    Component       selector   greetings-ac-app2       providers   Http       templateUrl   app greetings-ac2 html       directives   NgFor  NgModel  NgIf  FORM DIRECTIVES       pipes

User · Answer

With the Sept 14  2016 Angular 2 0 0 release  you are using still using HttpModule  Your main app module ts would look something like this   import   HttpModule   from   angular http     NgModule      bootstrap    AppComponent       declarations    AppComponent       imports          BrowserModule        HttpModule              more modules             providers                providers            export class AppModule      Then in your app ts you can bootstrap as such   import   platformBrowserDynamic   from   angular platform-browser-dynamic   import   AppModule   from    app main app module    platformBrowserDynamic   bootstrapModule AppModule

User · Answer

because it was only in the comment section I repeat the answer from Eric   I had to include HTTP PROVIDERS

User · Answer

I just add both these in my app module ts    import   HttpClientModule      from   angular common http       amp   import   HttpModule   from   angular http      Now its works fine     And dont forget to add in the    NgModule   gt  Imports    array

[angular] Angular EXCEPTION: No provider for Http

Examples related to angular