title: How can I inject Location in angular2?
body: <p>I thought it would be the same way to inject Location just like how I inject Http. However my app breaks - the page does not render, if I uncomment "public location: Location" in the last line. As far as I can see, I have the correct import and providers array:</p>
  
  <pre><code>import {Component} from 'angular2/core';
  import {
      ROUTER_DIRECTIVES,
      ROUTER_PROVIDERS,
      RouteConfig,
      Location,
      LocationStrategy,
      HashLocationStrategy
  } from 'angular2/router';
  
  import {TaskForm} from './task_form';
  import {TaskList} from './task_list';
  import {AboutUs} from './about_us';
  
  @Component({
      selector: 'task-app',
      templateUrl: 'app/task_app.html',
      providers: [ROUTER_PROVIDERS],
      directives: [TaskForm, TaskList, ROUTER_DIRECTIVES]
  })
  @RouteConfig([
      {path: '/', component: TaskApp, as: 'Home'},
      {path: '/about_us', component: AboutUs, as: 'aboutUs'}
  ])
  export class TaskApp {  
      constructor(/*public location: Location*/) { 
  </code></pre>
  
  <p>In my index.html, I have the following line:</p>
  
  <pre><code>&lt;script src="https://code.angularjs.org/2.0.0-beta.0/router.dev.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In my bootstrap code, I have:</p>
  
  <pre><code>import {bootstrap} from 'angular2/platform/browser';
  import {HTTP_PROVIDERS} from 'angular2/http';
  import {provide} from 'angular2/core';
  
  import {
      ROUTER_DIRECTIVES,
      ROUTER_PROVIDERS,
      RouteConfig,
      Location,
      LocationStrategy,
      HashLocationStrategy
  } from 'angular2/router';
  
  import {TaskApp} from './task_app';
  import {MyService} from './my_service'
  
  bootstrap(TaskApp, [HTTP_PROVIDERS, ROUTER_PROVIDERS, MyService, provide(LocationStrategy, {useClass: HashLocationStrategy})]);
  </code></pre>
  
  <p>Not sure whether I missed something or the current build is broken. If it is the first case, what did I miss?</p>