检测页面更改为一个页面应用程序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'); 
})