title: cant inject http in angular2
body: <p>I'm trying to inject the http module inside my angular2 app but I'm getting the error. </p>
  
  <blockquote>
    <p>Unexpected value 'Http' imported by the module 'AppModule'</p>
  </blockquote>
  
  <p>This is what I'm trying.</p>
  
  <pre><code>import { NgModule }      from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { FormsModule } from '@angular/forms';
  import { Http } from '@angular/http';
  import { AppComponent }  from './app.component';
  
  @NgModule({
      imports:      [ BrowserModule, FormsModule, Http],
      declarations: [ AppComponent ],
      bootstrap:    [ AppComponent ]
  })
  export class AppModule { }
  </code></pre>
  
  <p>And this is how I try to use it</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
     selector: 'my-app',
     template: `&lt;h1&gt;Hello {{name}}&lt;/h1&gt;
          Maintenance Name: &lt;input type="text" [(ngModel)]="htmlToPublish.title"/&gt;
          &lt;textarea [(ngModel)]="htmlToPublish.html" rows="10" cols="50"&gt;Write here the HTML code that you want to publish
          &lt;/textarea&gt; 
          &lt;button (click)="sendHtml()"&gt;Publish&lt;/button&gt;
         &lt;p&gt;
         {{htmlToPublish}}
         &lt;/p&gt;
   `,
  })
  
  export class AppComponent  {
  
     constructor(public http: Http){
  
     } 
  
     name = 'Angular'; 
     htmlToPublish: HtmlPage
  
     public sendHtml() {
     // Here I want to use http that I injected in constructor
  
     }
  
  }
  </code></pre>