如何在AngularJs中存储和读取会话（值）？

问题描述：

我在商店遇到麻烦并使用 Angularjs 读取会话数据。
单击按钮后，emp_name应存储在 session 中，以及如何从 session 中读取存储的emp_name。

I am having trouble in store and read sessioned data with Angularjs . After click on button emp_name should store in session and also how can i read stored emp_name from 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}

<!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数据在页面的某处。

I have created alert with emp_name on click by using angularjs. I want that on button click emp_name should store in session and for sessiontesting purpose read sessioned emp_name data somewhere on page.

真诚地感谢所有帮助/建议。
谢谢。

Any and all help/advice is sincerely appreciated. Thanks.

答

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

Your session storage code could look something like this using Javascript APIs for session storage. You will have to serialize your Javascript object as session storage only supports strings.

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

或者，您可以存储 \\ temp 的每个属性>在单独的存储密钥中。调试应该像

Alternatively, you can storage each property of emp in a separate storage key. Debugging should be as simple as

sessionStorage.getItem（emp-key）

有关会话存储的更多信息，请点击此处。 https://developer.mozilla.org/en/docs/Web/API / window / sessionStorage

More information on session storage can be found here. https://developer.mozilla.org/en/docs/Web/API/Window/sessionStorage

同时结帐ngStorage https ：//github.com/gsklee/ngStorage

Also checkout ngStorage https://github.com/gsklee/ngStorage

如何在AngularJs中存储和读取会话（值）？

相关推荐