Angular2 HashLocationStrategy 总是重定向到 root

Question

我在我的 app.module 中使用 HashLocationStrategy，如下所示:

@NgModule({
  imports:      [
    BrowserModule,
    AppRoutingModule
  ],
  declarations: [ AppComponent ],
  providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
  bootstrap:    [ AppComponent ]
})

我的 app-routing.module 定义为:

export const routes: Routes = [
    { path: '', redirectTo: 'home', pathMatch: 'full'},
    { path: 'live', loadChildren: 'app/live/live.module#LiveModule' }

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

当我导航到根 url 时，它会将我正确重定向到 home，但是当我尝试导航到 /live 时，我仍然会被重定向到 home。当我使用 /#/live 时，它会正确加载 LiveModule。

知道为什么会这样吗？

Answer 1

根据 Angular 2 @NgModule 中的 Imports 种子具有哈希策略的语法如下:

RouterModule.forRoot(rootRouterConfig, { useHash: true })

希望对你有帮助