title: Angular2 Adding providers dependency inside main.ts or component itself
body: <p>I have a very simple app in angular2 with three files:</p>
  
  <pre><code>main.ts
  app -|
        app.component.ts
        app.service.ts
  </code></pre>
  
  <p>In my main.ts I have tried both these things:</p>
  
  <pre><code>import { bootstrap } from "angular2/platform/browser"
  import "rxjs/add/operator/map"
  
  import { AppComponent} from "./app/app.component"
  
  bootstrap(AppComponent)
  </code></pre>
  
  <p>and </p>
  
  <pre><code>import { bootstrap } from "angular2/platform/browser"
  import { HTTP_PROVIDERS } from "angular2/http"
  import "rxjs/add/operator/map"
  
  import { AppComponent} from "./app/app.component"
  
  bootstrap(AppComponent, [HTTP_PROVIDERS])
  </code></pre>
  
  <p>In the first case, since I haven't injected <code>HTTP_PROVIDERS</code>, I need to do in my app.component.ts:</p>
  
  <pre><code>/*Imports*/
  @Component({
      selector: "my-app",
      templateUrl: "app/app.template.html",
      providers: [
          HTTP_PROVIDERS,
          AppService
      ]
  })
  /*Export*/
  </code></pre>
  
  <p>Is it the same to have injection (here HTTP_PROVIDERS) in the Component or in the boostrap ?</p>
  
  <p>If so, what is the best practise ? </p>