所有数据都在页面重新加载时消失.有什么办法可以避免吗？

Question

我在角度js中开发了一个仪表板应用程序,它具有搜索功能和多个视图,其中包含来自该搜索功能的大量不同数据.

它的单页应用程序.因此,我在页面重新加载时遇到问题所有数据都消失了,它显示了带有空白数据的视图.

有没有办法解决这个问题或任何帮助我创建单页面应用程序并在页面重新加载时维护相同数据的语言？

任何建议将不胜感激.

搜索页面

搜索后的数据

重装后的数据

Answer 1

您可以使用sessionStorage来设置和获取数据。

步骤1 ：

创建一个factory服务，该服务将根据密钥保存并返回保存的会话数据。

app.factory('storageService', ['$rootScope', function($rootScope) {

    return {
        get: function(key) {
            return sessionStorage.getItem(key);
        },
        save: function(key, data) {
            sessionStorage.setItem(key, data);
        }
    };
}]);

第2步 ：

在控制器中注入 storageService 依赖项以从会话存储中设置和获取数据。

app.controller('myCtrl',['storageService',function(storageService) {

  // Save session data to storageService on successfull response from $http service.
  storageService.save('key', 'value');

  // Get saved session data from storageService on page reload
  var sessionData = storageService.get('key');

});