我在存储时遇到麻烦并使用
Angularjs读取会话数据.
单击按钮后,emp_name应存储在会话中,以及如何从会话中读取存储的emp_name.
单击按钮后,emp_name应存储在会话中,以及如何从会话中读取存储的emp_name.
// 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_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}
<!DOCTYPE html> <html> <head> <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script> <link rel="stylesheet" href="style.css" /> <script src="script.js"></script> </head> <body ng-app="app" ng-controller="Ctrl"> <ul ng-repeat="employees in employee | filter:customFilter"> <li>{{employees.emp_id}} </li> <li>{{employees.emp_name}} </li> <li>{{employees.emp_cont}} </li> <li><button ng-click="returnRefId(employees.emp_name);" >Add Session</button></li> </ul> <br /><br /><br /> <label id="read_ses">How to store and read emp_name thru only session</label> </body> </html>
我使用angularjs在点击时创建了带有emp_name的警报.我希望在按钮单击时,emp_name应该存储在会话中并用于会话测试目的在页面上的某处读取会话的emp_name数据.
任何和所有的帮助/建议是真诚的感谢.
谢谢.
解决方法
使用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-键”)
有关会话存储的更多信息,请访问此处. https://developer.mozilla.org/en/docs/Web/API/Window/sessionStorage
另请查看ngStorage https://github.com/gsklee/ngStorage