检测一页应用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');
})