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

标签 javascript jquery html angularjs ember.js

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

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

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

最佳答案

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

关于javascript - 检测单页应用程序的页面变化 JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29811256/

相关文章:

javascript - 如何在js中生成和同步包含音频的每个节拍信息(bpm)的xml/json文件

javascript - HTML 表单和 javascript---在同一个表格中显示不同的表单

javascript - 内部链接强制滚动到页面顶部

javascript - 如何在表单提交后保留文本(提交后如何不删除自身?)

html - 导航栏中按钮下方不需要的间距

javascript - 将动态 JSON 数组转换为 HTML

javascript - 获取div的高度,全部在一个隐藏的div中

javascript - 防止两个div成为一行

javascript - Meteor 在尝试创建 ObjectID 时返回无效的十六进制字符串错误?

javascript - 如何按 ID 减去特定列值并在所有行的另一列中显示结果?