当前位置:  开发笔记 > 编程语言 > 正文

如何在AngularJs中存储和读取会话(值)?

如何解决《如何在AngularJs中存储和读取会话(值)?》经验,为你挑选了1个好方法。

我在存储时遇到麻烦并且使用了读取会话数据Angularjs.单击按钮后,emp_name应该存储,session以及如何从中读取存储的emp_name session.

样品在plnkr中

// Code goes here

var app = angular.module('app', []);

app.controller('Ctrl', function($scope) {
  $scope.employee = [{
      emp_id: 1,
      emp_name: 'Jes',
      emp_cont:9876543445
    }, {
      emp_id: 2,
      emp_name: 'Sandy',
      emp_cont:3553454345
    }, {
      emp_id: 3,
      emp_name: 'Alex',
      emp_cont:9343434345
    }, {
      emp_id: 4,
      emp_name: 'Nancy',
      emp_cont:9876543445
    }, {
      emp_id: 5,
      emp_name: 'Scott',
      emp_cont:9834564455
    }
  ];
  
          $scope.returnRefId = function (emp) {           
            try {
                  //  test emp
                  alert(emp);
                  // session code here
                  
            }
            catch (e) {
                  alert("some errror");
            }
        };
});
ul li{list-style:none;float:left;padding:10px;border:1px solid #ddd;height:20px;width:100px}
ul{clear:both}
label{color:red}




  
  
  



  
  • {{employees.emp_id}}
  • {{employees.emp_name}}
  • {{employees.emp_cont}}



我已点击使用emp_name创建了警告angularjs.我希望在按钮单击时,emp_name应存储在测试目的中,sessionsession在页面的某处读取会话的emp_name数据.

任何和所有的帮助/建议是真诚的感谢.谢谢.



1> Omkar Khair..:

使用Javascript API进行会话存储,您的会话存储代码可能看起来像这样.您必须序列化Javascript对象,因为会话存储仅支持字符串.

$scope.returnRefId = function (emp) {           
        try {
              //  test emp
              alert(emp);
              // session code here
              sessionStorage.setItem("emp-key", JSON.stringify(emp));
        }
        catch (e) {
              alert("some errror");
        }
 };

或者,您可以将每个属性存储emp在单独的存储密钥中.调试应该如此简单

sessionStorage.getItem("emp-key")

有关会话存储的更多信息,请访问此处.https://developer.mozilla.org/en/docs/Web/API/Window/sessionStorage

还要检查ngStorage https://github.com/gsklee/ngStorage

推荐阅读
php
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有