如何在没有数据丢失的情况下维护用户会话，并且无需在Angular js

Question

我已经实施了一个应用程序：

使用的技术： - Angular，Mvc，WebApi。

我如何在应用程序中计算会话？

当用户登录应用程序时，设置注销时间，在3分钟之前将警告消息设置给用户。在警告消息中，有一个继续按钮和关闭按钮。

继续按钮是继续用户另外15分钟。取消按钮用于取消警告信息。

实施

这是我如何捕获会话 Angular run block：

 myApp.run(function ($rootScope, $cacheFactory, $interval, $timeout, $state) {

    // here I have implemented the logic 

    // set the 15 minutes to the logout.

 $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams, $rootScope, $state, $location) {
        lastDigestRun = Date.now();


if(current url != login url)

{

// show the warning message to the user ,in 2 minutes have remaining logout.

}

//In the warning message,there is an ok button for maintating the session to another 15 minutes,This is the code

 $('#ok').click(function () {
            location.reload();
        })

    });
}

这里的问题是：

实施技术。

1. 我在页面之间使用了角度ui路由器导航。如果 页面之间的任何导航，来运行块和状态 -router并将用户的会话重新加载为活动状态。按预期工作。

我的问题。

1. 如果有任何嵌套视图，则有100个文本框，用户输入 数据，13分钟后他收到警告提示 用户未做任何更改，收到警告信息。
2. 此时，会收到通知并单击“继续”按钮，页面将刷新，并且 数据有损失。

需要处理：

在OK按钮中，需要处理ui-router视图的数据输出。这里重新加载导致文本框中的数据丢失。

1. 在该场景中，需要处理数据丢失。如何处理任何人都可以提出的建议是否有可能，是否有任何解决方案？