如何在这个角度2样本上使用HTML5模式？

Question

我用chsakell的this例子，用角度2玩了一下。

我试图做的是，以取代“散列”网址，以真实的URL（http://localhost:9823/#/photos由http://localhost:9823/photos例如）

根据this链接的第一件事情，我都用PathLocationStrategy，这是默认的路由策略。

为了做到这一点，我通过

bootstrap(AppRoot, [HTTP_PROVIDERS, ROUTER_PROVIDERS, 
    provide(RequestOptions, { useClass: AppBaseRequestOptions }), 
    provide(APP_BASE_HREF, { useValue: '/' }), 
    DataService, MembershipService, UtilityService]) 
    .catch(err => console.error(err)); 

改变了这种

bootstrap(AppRoot, [HTTP_PROVIDERS, ROUTER_PROVIDERS, 
    provide(RequestOptions, { useClass: AppBaseRequestOptions }), 
    provide(LocationStrategy, { useClass: HashLocationStrategy }), 
    DataService, MembershipService, UtilityService]) 
    .catch(err => console.error(err)); 

但是哈希仍然显示。我如何摆脱Angular 2的网址哈希值？

Answer 1

清空浏览器缓存或强制重新加载ctrl + F5。

Answer 2

仅供参考，

... 
import {Component,bind} from 'angular2/core'; 
import {Router,ROUTER_PROVIDERS,RouteConfig, ROUTER_DIRECTIVES,APP_BASE_HREF,LocationStrategy,RouteParams,ROUTER_BINDINGS} from 'angular2/router'; 


bootstrap(AppRoot, [HTTP_PROVIDERS, ROUTER_PROVIDERS, 
      provide(RequestOptions, { useClass: AppBaseRequestOptions }), 
      bind(APP_BASE_HREF).toValue(location.pathname), 
      DataService, MembershipService, UtilityService]) 
      .catch(err => console.error(err));