TypeScript 2.x By Example

Add HTTP dependency

Angular provides us with the HTTP client to make the web services call. To be able to use the HTTP client we need to add the HTTP module to our application, which as we learned earlier is done in the app.module file. Here are the steps to add a reference to the HTTP module in our project:

1. Add the import statement in the app.module file for HTTP:

import { HttpModule } from ‘@angular/http';

2. Reference the HTTP module in the imports array of NgModule:

imports: [    BrowserModule,    HttpModule,…]

The preceding two steps inform the Angular compiler of the dependency which the host application requires. Angular is then responsible for managing this dependency and injecting the references wherever the application mentions.