使用AngularJS / Javascript僅禁用瀏覽器后退按鈕導航（不鏈接應用程序中的鏈接）

Question

我正在使用AngularJS開發SPA。 我想使用應用程序中的鏈接瀏覽應用程序狀態，並且當單擊后退按鈕時，我想阻止相同的導航。

當我也單擊應用程序中的鏈接時，我發現的所有解決方案（包括angularJs中的$ locationChangeStart）都無法導航。

請提供一種僅阻止瀏覽器后退按鈕導航並允許通過單擊應用程序中的鏈接進行導航的解決方案。

Answer 1

最簡單的方法是從當前應用程序狀態（url）到有效的下一應用程序狀態（urls）的轉換映射，並且僅當從$locationChangeStart stateChangeStart從當前狀態到所需狀態的轉換無效時才阻止Default 。

如果這樣處理，不僅會阻止用戶使用后退按鈕，而且還會在瀏覽器中放置不良網址，從而造成無效的應用程序狀態並可能損害您的應用程序。

我建議您不要在其他答案中使用鏈接中的“ on history change history.forward”方法，這是最糟糕的UX，使它對用戶透明。