如何使用AngularJS ngStorage将JSON变量存储到$ sessionStorage

49

我有以下变量,可以轻松将其转换为JSON-String:

var data = {
    ball: {
        colour: "",
        size: "",
        price: ""
    },
    toys: []
}

在我的控制器中,我想将此变量添加到范围中,例如:

$scope.data = angular.copy(data)

然后我希望它存储在$ sessionStorage上,例如:

$sessionStorage.data = angular.toJson($scope.data);

页面刷新后,$scope.data再次为空。有任何想法吗?

49

这是我的代码的工作方式:

    $scope.$storage = $sessionStorage;

    if (typeof $scope.$storage.data !== 'undefined') {
        $scope.data = $scope.$storage.data;
    } else {
        $scope.data = angular.copy(data);
        $scope.$storage.data = $scope.data;
    }

较短的解决方案是:

    $scope.cv = $scope.$storage.cv || angular.copy(cv);
    $scope.$storage.cv = $scope.cv;

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用变量引用SessionStorage

来自分类Dev

使用localStorage / sessionStorage存储阵列

来自分类Dev

将认证令牌,rootScope或sessionStorage存储在AngularJS中将是安全的

来自分类Dev

如何在 AngularJS 的 sessionStorage 中存储来自 ng-dropdown-multiselect 的值?

来自分类Dev

如何从sessionStorage检索对象?

来自分类Dev

SessionStorage和json对象

来自分类Dev

使用JSON对象还是使用localStorage / sessionStorage / IndexedDB / WebSQL / etc?

来自分类Dev

如何用少量代码将Items添加到sessionStorage?

来自分类Dev

如何将多个值保存到 sessionStorage 并显示它们?

来自分类Dev

使用 jquery 将每个添加的字段输入保存到 sessionStorage

来自分类Dev

如何从sessionStorage(AngularJs)中删除单个对象

来自分类Dev

使用PHP调用API后,如何在sessionStorage中存储会话数据?

来自分类Dev

使用 sessionStorage 保存暗模式

来自分类Java

如何在JSP中使用JavaScript的sessionstorage?

来自分类Dev

将提取的JSON数据保存到sessionStorage

来自分类Dev

在SPA中,如何避免存储在localStorage或sessionStorage中的服务器端数据过时?

来自分类Dev

在JavaScript中使用SessionStorage来存储用户上下文信息

来自分类Dev

如何在不使用sessionStorage的情况下使用javascript将数据从子窗口返回到父窗口

来自分类Dev

如何从登录组件到angular中的另一个组件获取sessionStorage的值

来自分类Dev

Angular中的SessionStorage:从应用程序中的任何位置(缓存工厂,ngStorage)访问和更改存储

来自分类Dev

React-使用受控输入将博客帖子自动保存到sessionStorage()

来自分类Dev

在 ReactJs 中的 sessionStorage 中存储值

来自分类Dev

sessionStorage更改不会触发“存储”事件

来自分类Dev

如何订阅localStorage但不订阅sessionStorage事件

来自分类Dev

如何在sessionStorage中保存Mobx状态

来自分类Dev

如何在Vuejs的<template>中调用sessionStorage

来自分类Dev

Blazor-全局对象-使用SessionStorage?

来自分类Dev

使用localStorage和sessionStorage作为元素树

来自分类Dev

尝试使用sessionStorage更改图像的src

Related 相关文章

  1. 1

    使用变量引用SessionStorage

  2. 2

    使用localStorage / sessionStorage存储阵列

  3. 3

    将认证令牌,rootScope或sessionStorage存储在AngularJS中将是安全的

  4. 4

    如何在 AngularJS 的 sessionStorage 中存储来自 ng-dropdown-multiselect 的值?

  5. 5

    如何从sessionStorage检索对象?

  6. 6

    SessionStorage和json对象

  7. 7

    使用JSON对象还是使用localStorage / sessionStorage / IndexedDB / WebSQL / etc?

  8. 8

    如何用少量代码将Items添加到sessionStorage?

  9. 9

    如何将多个值保存到 sessionStorage 并显示它们?

  10. 10

    使用 jquery 将每个添加的字段输入保存到 sessionStorage

  11. 11

    如何从sessionStorage(AngularJs)中删除单个对象

  12. 12

    使用PHP调用API后,如何在sessionStorage中存储会话数据?

  13. 13

    使用 sessionStorage 保存暗模式

  14. 14

    如何在JSP中使用JavaScript的sessionstorage?

  15. 15

    将提取的JSON数据保存到sessionStorage

  16. 16

    在SPA中,如何避免存储在localStorage或sessionStorage中的服务器端数据过时?

  17. 17

    在JavaScript中使用SessionStorage来存储用户上下文信息

  18. 18

    如何在不使用sessionStorage的情况下使用javascript将数据从子窗口返回到父窗口

  19. 19

    如何从登录组件到angular中的另一个组件获取sessionStorage的值

  20. 20

    Angular中的SessionStorage:从应用程序中的任何位置(缓存工厂,ngStorage)访问和更改存储

  21. 21

    React-使用受控输入将博客帖子自动保存到sessionStorage()

  22. 22

    在 ReactJs 中的 sessionStorage 中存储值

  23. 23

    sessionStorage更改不会触发“存储”事件

  24. 24

    如何订阅localStorage但不订阅sessionStorage事件

  25. 25

    如何在sessionStorage中保存Mobx状态

  26. 26

    如何在Vuejs的<template>中调用sessionStorage

  27. 27

    Blazor-全局对象-使用SessionStorage?

  28. 28

    使用localStorage和sessionStorage作为元素树

  29. 29

    尝试使用sessionStorage更改图像的src

热门标签

归档