檢測頁面更改爲一個頁面應用程序JS

Question

我想知道是否有人有解決方案來跟蹤單頁應用程序的「頁面」更改？

我明白單頁應用程序的概念，因爲頁面的所有html/css都是預加載的，而頁面是根據指定要隱藏/顯示的頁面的哪些元素構建的。儘管技術上它是一個單頁的應用程序，但用戶的感覺是它是幾頁/經驗。

在單頁應用程序環境中區分/跟蹤這些頁面/體驗的最佳方式是什麼？

Answer 1

是的，https://github.com/angular-ui/ui-router有$stateChangeSuccess，一旦頁面/狀態轉換完成就會觸發它。只需簡單地將$rootScope.$on添加到您希望在頁面更改時發生的頁面控制器。

http://angular-ui.github.io/ui-router/site/#/api/ui.router.state。$狀態

$rootScope.$on('$stateChangeStart', 
    function(event, toState, toParams, fromState, fromParams){ 
     console.log('Page change happened'); 
})