Detect leaving a page in AngularJS

最新推荐文章于 2024-07-18 00:37:23 发布

SalmonellaVaccine

最新推荐文章于 2024-07-18 00:37:23 发布

阅读量947

点赞数

分类专栏： AngularJS

AngularJS 专栏收录该内容

51 篇文章

订阅专栏

本文介绍如何在AngularJS的UI-Router中捕捉并记录状态变化，从而获取当前状态及前一状态的名称。通过监听$stateChangeSuccess事件，并在事件处理函数中保存这些信息到$rootScope中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Actually it is using angular-ui.

http://stackoverflow.com/questions/16635381/angularjs-ui-route-get-previous-state

Explanation:

ui-router doesn't track the previous state once it transitions, but the event $stateChangeSuccess is broadcast on the $rootScope when the state changes.

You should be able to catch the prior state from that event ("from" is the state you're leaving):

$rootScope.$on('$stateChangeSuccess', function (ev, to, toParams, from, fromParams) {
   //assign the "from" parameter to something
});

Example:

Add this code to your app's abstract template so it runs on every page.

$rootScope.previousState;
$rootScope.currentState;
$rootScope.$on('$stateChangeSuccess', function(ev, to, toParams, from, fromParams) {
    $rootScope.previousState = from.name;
    $rootScope.currentState = to.name;
    console.log('Previous state:'+$rootScope.previousState)
    console.log('Current state:'+$rootScope.currentState)
});