title: How to use HTML5 mode on this angular 2 sample?
body: <p>I'm playing a little with angular 2 using <a href="https://github.com/chsakell/aspnet5-angular2-typescript" rel="nofollow">this</a> example from chsakell.</p>
  
  <p>First thing I tried to do it's to replace "hashed" urls to real urls (E.g. <a href="http://localhost:9823/#/photos" rel="nofollow">http://localhost:9823/#/photos</a> by <a href="http://localhost:9823/photos" rel="nofollow">http://localhost:9823/photos</a>)</p>
  
  <p>According <a href="http://julienrenaux.fr/2015/12/25/angular2-series-routing/" rel="nofollow">this</a> link, I have to use <code>PathLocationStrategy</code>, which is the default routing strategy.</p>
  
  <p>In order to do this, I changed this</p>
  
  <pre><code>bootstrap(AppRoot, [HTTP_PROVIDERS, ROUTER_PROVIDERS,
      provide(RequestOptions, { useClass: AppBaseRequestOptions }),
      provide(LocationStrategy, { useClass: HashLocationStrategy }),
      DataService, MembershipService, UtilityService])
      .catch(err =&gt; console.error(err));
  </code></pre>
  
  <p>by</p>
  
  <pre><code>bootstrap(AppRoot, [HTTP_PROVIDERS, ROUTER_PROVIDERS,
      provide(RequestOptions, { useClass: AppBaseRequestOptions }),
      provide(APP_BASE_HREF, { useValue: '/' }),
      DataService, MembershipService, UtilityService])
      .catch(err =&gt; console.error(err));
  </code></pre>
  
  <p>But hash still show up. How can I get rid of the hash on url for Angular 2?</p>