Angular 2 - 從URL中刪除哈希（＃）

Question

我正在通過loadChildren("123#childModule")從appModule加載模塊，它總是在瀏覽器中附加/#/。

我試過useHash : false以及Providers作爲PathLocationStrategy，但我仍然看到問題。

一直在做這方面的研究，但到目前爲止我沒有找到任何解決方案。任何想法？提前致謝。

Answer 1

你可以試試這個：

如果您正在使用角決賽，原因哈希可能是：

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

或使用此：

旁邊的模塊提供程序，檢查您的模塊導入，它也可以通過提供{useHash：true}作爲RouterModule.forRoot的第二個參數來覆蓋它：

imports: [ 
    ... 
    RouterModule.forRoot(routes, { useHash: true }) // remove second argument 
] 

Answer 2

首先，我相信你試圖用模塊 惰性加載的路由代碼應該是這樣的：

{ path: 'mgt', loadChildren: 'app/your-mgt/your-mgt.module#YourModule'} 

而且＃顯示在您的網址無關的「＃」在這裏。
默認情況下，角使用PathLocationStrategy已經

RouterModule.forRoot(routes) 

我想這是你的：

RouterModule.forRoot(routes, { useHash: true } or RouterModule.forRoot(routes, { useHash: false } 

不知道什麼是您的後端是，但如果你有一個，它會使用AJAX來獲取數據。 如果您在後端使用Express。 嘗試this