Angularjs
でセッションデータの保存と読み取りに問題があります。 ボタンemp_nameをクリックすると、session
に格納されます。また、格納されたemp_nameをどのようにしてsession
から読み取ることができますか。AngularJsにセッション(値)を保存して読み込む方法は?
// 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="[email protected]*" 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データを読み込むことを望みます。
すべてのヘルプとアドバイスは心から感謝しています。おかげさまで
こんにちはOmkar。私はこれを試しましたが、 "ヌル" ..... $スコープを返します。returnRefId = function(emp){ { //テストemp //アラート(emp); //ここにセッションコード sessionStorage.setItem( "emp-key"、JSON.stringify(emp)); } catch(e){ alert( "some errror"); } var data = sessionStorage.getItem( 'key'); アラート(データ)。 }; ' – Rakesh
getItemメソッドのキーは、setItemのキーと同じにする必要があります。あなたのケースでは 'emp-key'です。 –
これは 'var data = sessionStorage.getItem( 'emp-key')でなければなりません。 '。 –