как использовать сессию в angularjs

Question

Я создаю веб-приложение, в котором я хочу, чтобы хранить идентификатор пользователя и роль в session через Angularjs

это мой Angularjs файл

$http.get('/login.asmx/loginuser', { 
       params: { 
        log: $scope.log, 
        pm: $scope.pm, 
        password: $scope.password 
       } 
      }) 
      .then(function (response) { 
       { 
        $scope.suc = response.data; 
        console.log(response.data); 
        if (response.data == 'success') { 
         console.log('success'); 
         $window.location.href = "../welcomepage/welcometable"; 
        } 
        else 
        { 
         console.log('nosuccess'); 
         $window.location.href = "../Login/Index"; 
        } 
       } 
      }) 

мне нужно хранить $scope.pm и $scope.log в моей сессии и хотите использовать то же самое на моей странице приветствия

Как хранить и использовать сеансы в angularjs?

Answer 1

Вы можете использовать сеанс хранения или локальное хранилище для этого, вот пример хранения сессии.

сеансовое хранение или локальное хранилище не будут работать здесь в переполнении стека , так что обратитесь к данной ссылке.

Link

window.addCart = function($scope, $http, $window, $document){ 
 
    
 
    var getValue = function(){ 
 
     return $window.sessionStorage.length; 
 
    } 
 
     
 
    var getData = function(){ 
 
     var json = []; 
 
     $.each($window.sessionStorage, function(i, v){ 
 
     json.push(angular.fromJson(v)); 
 
     }); 
 
     return json; 
 
    } 
 
     
 
    $scope.images = getData(); 
 
    $scope.count = getValue(); 
 
    
 
    $scope.addItem = function(id){ 
 
     var image = document.getElementById('img'+id); 
 
     json = { 
 
      id: id, 
 
      img: image.src 
 
     } 
 
     $window.sessionStorage.setItem(id, JSON.stringify(json)); 
 
     $scope.count = getValue(); 
 
     $scope.images = getData(); 
 
    } 
 
    
 
    $scope.removeItem = function(id){ 
 
     $window.sessionStorage.removeItem(id); 
 
     $document. 
 
     $scope.count = getValue(); 
 
     $scope.images = getData(); 
 
     alert('Removed with Success!'); 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script> 
 
<div ng-app=""> 
 
    <div ng-controller="addCart"> 
 
     <p>{{ count }}</p> 
 
     <div> 
 
     <img id="img16" src="http://placehold.it/351x350"/> 
 
     <a href="javascript:void(0)" ng-click="addItem('16')">Add to Cart</a> 
 
     </div> 
 
     <div> 
 
     <img id="img5" src="http://placehold.it/352x350"/> 
 
     <a href="javascript:void(0)" ng-click="addItem('5')">Add to Cart</a> 
 
     </div> 
 
     <div> 
 
     <img id="img32" src="http://placehold.it/353x350"/> 
 
     <a href="javascript:void(0)" ng-click="addItem('32')">Add to Cart</a> 
 
     </div> 
 
     <div> 
 
     <img id="img43" src="http://placehold.it/354x350"/> 
 
     <a href="javascript:void(0)" ng-click="addItem('43')">Add to Cart</a> 
 
     </div> 
 
     <hr /> 
 
     <table> 
 
     <thead> 
 
      <td>Image</td> 
 
      <td>Options</td> 
 
     </thead> 
 
     <tbody> 
 
      <tr ng-repeat="data in images" id> 
 
      <td><img ng-src="{{ data.img }}"/></td> 
 
      <td><a href="javascript:void(0)" ng-click="removeItem(data.id)">Remove Item {{ data.id }}</a> 
 
      </td> 
 
      </tr> 
 
     </tbody> 
 
     </table> 
 
    </div> 
 
</div>

Answer 2

angular.module('cookieStoreExample', ['ngCookies']) 
    .controller('ExampleController', ['$cookieStore', function($cookieStore) { 
    // Put cookie 
    $cookieStore.put('myFavorite','oatmeal'); 
    // Get cookie 
    var favoriteCookie = $cookieStore.get('myFavorite'); 
    // Removing a cookie 
    $cookieStore.remove('myFavorite'); 
}]); 

look on