使用angular.js管理用戶登錄中的會話和cookie

Question

我有一個登錄應用程序，在這裏我需要使用會話和cookie使用angular.js.我在下面解釋我的代碼。

loginController.js：

var loginAdmin=angular.module('Channabasavashwara'); 
loginAdmin.controller('loginController',function($scope,$http,$location){ 
    $scope.user_name = ''; 
    $scope.user_pass = ''; 
    $scope.user_login=function(){ 
    if($scope.user_name==''){ 
     alert('user name filed should not keep blank'); 
    }else if($scope.user_pass==''){ 
     alert('password filed should not keep blank'); 
    }else{ 
     var userData={'user_name':$scope.user_name,'user_pass':$scope.user_pass}; 
     console.log('user',userData); 
     $http({ 
      method: 'POST', 
      url: "php/Login/login.php", 
      data: userData, 
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
     }).then(function successCallback(response){ 
      console.log('response',response); 
      alert(response.data['msg']); 
      $location.path('dashboard'); 
     },function errorCallback(response) { 
      alert(response.data['msg']); 
     }); 
    } 
    } 
}); 

這裏我的要求是，當用戶將在成功的會議將存儲在時登錄註銷它將move.Similarly餅乾將一些過期存儲時間過後（lets say 10 min），它會自動註銷一個警報消息。請幫助我。

Answer 1

使用angularjs作爲cookie所需的模塊下載並添加到項目中，ngCookie例如here，但您也可以使用基本javascript獲取和設置cookie。

下面是setCookie函數，它獲取cookie name,cookie value和cookie的過期天數。當用戶登錄時，您可以設置設置cookie，登錄時刪除。

function setCookie(cname, cvalue, exdays) { 
    var d = new Date(); 
    d.setTime(d.getTime() + (exdays*24*60*60*1000)); 
    var expires = "expires="+d.toUTCString(); 
    document.cookie = cname + "=" + cvalue + "; " + expires; 
} 

舉例angularjs餅乾

angular.module('cookiesExample', ['ngCookies']) 
.controller('ExampleController', ['$cookies', function($cookies) { 
    // Retrieving a cookie 
    var favoriteCookie = $cookies.get('myFavorite'); 
    // Setting a cookie 
    $cookies.put('myFavorite', 'oatmeal'); 
}]);