javascript - 检测单页应用程序的页面变化 JS

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 年前。

Improve this question

我想知道是否有人有跟踪单页应用程序“页面”更改的解决方案？

我理解单页应用程序的概念，因为页面的所有 html/css 都是预加载的，并且页面是根据指定要隐藏/显示的页面元素构建的。尽管从技术上讲它是一个单页应用程序，但用户的感觉是它是多个页面/体验。

在单页应用环境中区分/跟踪这些页面/体验的最佳方法是什么？

Answer 1

是的，https://github.com/angular-ui/ui-router有 $stateChangeSuccess，一旦页面/状态转换完成就会触发。只需简单地将 $rootScope.$on 添加到您希望在页面更改时发生操作的页面 Controller 即可。

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');
})