如何在AngularJs中存储和读取会话(值)
How to store and read session (value) in AngularJs?
我在使用Angularjs
存储和读取会话数据时遇到问题。点击按钮后,emp_name应该存储在session
中,以及我如何从session
中读取存储的emp_name。
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}
<!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应存储在session
中,并出于session
测试的目的,在页面上的某个位置读取会话的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-key")
有关会话存储的更多信息,请访问此处。https://developer.mozilla.org/en/docs/Web/API/Window/sessionStorage
同时签出存储https://github.com/gsklee/ngStorage
AngularJS应用程序是无状态的,因此没有真正的会话。但是,您可以使用本地存储伪造会话行为。这是ngStorage,AngularJS模块,可用于为会话建模。
通常,创建一个服务来访问本地存储中包含的数据,然后在需要访问会话数据时注入该服务。
最好!
HTTP会话存储在服务器端,AngularJS在客户端工作。如果您想从Angular应用程序访问HTTP会话,则需要在服务器端ant上实现一个服务,然后使用httpService从Angular调用它。
- 从桌面读取python文件时高亮显示代码
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- 节点Js:How to catch a“;没有这样的文件或目录“;读取线模块出错
- TypeError:无法读取属性'推'未定义的JavaScript
- 同样,同样的错误'ahorcado.js:26未捕获类型错误:无法读取属性'beginPath'
- TypeError:无法读取属性'会话'的未定义
- 正在读取Javascript中的会话var
- 从Javascript中读取Django会话密钥cookie
- 是否可以在页面中设置本地存储或会话变量 asp.net 并在另一页面上的javascript中读取它
- AJAX 请求无法读取更新的会话/全局变量
- 仅限 Javascript 读取会话 Cookie
- 读取javascript中的会话变量
- 如何在AngularJs中存储和读取会话(值)
- 如何从web读取会话超时值.在JS文件中使用javascript配置
- 如何使用node js在另一个jade模板中重定向和读取数据,而不使用会话和查询字符串
- 正在从会话中存储的web浏览器读取身份验证信息
- Chrome-无法读取跨域请求的会话
- PHP 不读取会话 ID
- NodeJS从数据库读取会话