如何將數據放入角度js的會話中

在我的主屏幕上，我通過調用角度控制器（SeacrhController）調出一些數據，然後單擊主頁上的一個按鈕（開始），打開另一個選項卡。單擊完成第二個選項卡上的第二個選項卡關閉並刷新父頁面。如何將數據放入角度js的會話中

我想在我的父母頁面上搜索早些時候的數據。可以請任何人告訴我如何才能做到這一點。如何維護會話。

我試過Cookies和localStorage，但無法得到的東西working.Any幫助請。

common.js：

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

myApp.controller('SearchController', function($scope,$http) { 
     $scope.clientVO = {}; 

     $scope.getClientDetail = function(bcidNo) { 
      var response=$http.get('/testWeb/rest/clientData/'+ id); 

      response.success(function(data) { 
       console.log("getActor data: " + angular.toJson(data, false)); 
       $scope.clientVO = data; 
       }) 

       response.error(function(data, status, headers, config) { 
       alert("AJAX failed to get data, status=" + status); 
       }) 

     } 
    });

home.html的：

<!DOCTYPE html> 
<html ng-app="MyApp"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script> 
<script src="../javascripts/common/common.js"></script> 
</head> 
<!--some code --> 
<div ng-controller="SearchController"> 
    <form class="content-left-body"> 
<div class="client-details"> 
     <span class="content-right-header">Client Details</span> 


      <table> 
         <tr><td> 
          <label>Client ID:</label></td> 
          <td><input type="text" name="id" id="Search" 
           placeholder="Search" ng-model="id" class="search-box"/> 
          <img alt="Search" src="../images/search_img.png" ng-click= "getClientDetail(id);" style="margin-left:-15% ; margin-top:2.5%"> 


          </td> 
          <td> 
         <div ng-show="clientVO.clientName==''"><label style="color:red">ID not found in database.</label></div> 
         </td> 
        </table> 
      <div> 

<div> 
      <table style="width: 100%"> 
       <tr > 
        <td><label>Client Name:</label></td> 
        <td><span ng-show="!clientVO.clientName">-</span><label ng-bind="clientVO.clientName"></label></td> 
        <td><label>AccNo:</label></td> 
        <td><input type="text" ng-disabled="!clientVO.clientName"></td> 
       </tr> 
       <tr > 
        <td><label>Contact Name:</label></td> 
        <td><span ng-show="!clientVO.contactName">-</span><label ng-bind="clientVO.contactName"></label></td> 
        <td><label>Validation Level:</label></td> 
        <td> 
         <select ng-disabled="!clientVO.clientName"> 
          <option value="">-Please Select-</option> 
          <option value="">Level 1</option> 
          <option value="">Level 2</option> 
          <option value="">Level 3</option> 
          <option value="">Level 4</option> 
         </select> 
        </td> 
       </tr> 
     </table> 
    </div> 

    <div class="Data-details"> 
     <div class="data"> 
      <div class="content-left-body"> 
       <span class="content-left-header">Data details</span> 
       <span class="content-left-header-small">Data classification</span>     
       <label id="clientClassification" ></label> <br><br> 
       <button id="btn-yellow" onClick=window.open("classification.html","fullscreen=yes");>Start</button> 
      </div> 
     </div> 
    </div> 
</form> 

<!---some code --> 
</html>

來源

2016-11-04 user2603985

我有這個簡單的服務將數據存儲在localStorage的（注意，localStorage的不會因此在這裏工作）

angular.module('app', []) 
 
.controller('AppCtrl', ['StorageSrv', function(StorageSrv){ 
 
    StorageSrv.set('user', {first: 'John', last: 'Doe'}) 
 
    
 
    console.log(StorageSrv.get('user')); 
 
}]); 
 

 
// This service can live in a separate file 
 

 
    angular.module('app') 
 
    .service('StorageSrv', ['$rootScope', function ($rootScope) { 
 
    var self = this, 
 
    prefix = 'your_prefix', 
 
    ls = window.localStorage; 
 

 
    self.set = function(key, val){ 
 
     var obj = {}; 
 
     _.set(obj, key, val); 
 
     ls.setItem(prefix, JSON.stringify(obj)); 
 
    }; 
 

 
    self.get = function(keyPath){ 
 
     if (!keyPath || !_.size(keyPath)) 
 
     return JSON.parse(ls.getItem(prefix)); 
 
     else 
 
     return _.get(JSON.parse(ls.getItem(prefix)), keyPath, null); 
 
    }; 
 

 
    self.delete = function(keyPath){ 
 
     var key = prefix + '_'+_.trimStart(key, prefix); 
 
     var current = self.get(key); 
 
     _.unset(current, keyPath); 
 
     if (!_.size(current)){ 
 
     self.update(key, {}) 
 
     } 
 
     else { 
 
     self.update(key, current); 
 
     } 
 
    }; 
 
    }])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="AppCtrl"></div>

來源

2016-11-04 15:29:56 JorgeObregon

感謝您的回覆Jorge，但是我無法將它與我的代碼聯繫起來。基本上我需要的是，將clientVO放入會話中，以便當用戶來到Home.html和Home.html的bak時刷新，仍然是clientVO數據被保留。 – user2603985

如何將數據放入角度js的會話中

回答

相關問題