當用戶手動更改導航欄時路由Angular2應用程序？

Question

我正在運行Angular2示例tutorial app，當我單擊導航應用程序的鏈接時（例如「儀表板」帶我到localhost:3000/dashboard和heroes帶我到localhost:3000/heros，而沒有按預期重新加載整個應用程序。

現在，如果我在localhost:3000/dashboard，我手動修改URL到localhost:3000/heros並按下回車鍵，應用程序重新加載，並帶我到英雄觀點，但是如果我這樣做與Gmail和其他JavaScript應用程序的應用程序切換視圖無需重新加載。

允許此功能的組件的名稱是什麼？

有沒有Angular或Angular2方法來實現這個？

Answer 1

這可能不可能與PathLocationStrategy。 Gmail，Play音樂和其他我看到此功能的網站在其網址中都有#。

我將應用程序切換到HashLocationStrategy，現在它的功能如此。

通過向main.ts添加一個導入並配置路由器使用它來促進交換機。

import {Location, LocationStrategy, HashLocationStrategy} from '@angular/common';

bootstrap(AppComponent, [ APP_ROUTER_PROVIDERS, {provide: LocationStrategy, useClass: HashLocationStrategy}, HTTP_PROVIDERS, ]);