$ sessionStorage以及如何在AngularJs中查看和使用$ sessionStorage

时间:2017-04-05 10:01:04

标签: javascript angularjs cookies session-storage

我一直在做一些关于cookies,sessionStorage,localStorage的研究,但是对$ sessionStorage的了解却很少。

在哪里可以查看开发者工具中的$ sessionStorage(如果有的话)? 还是有替代方案,甚至更好的方式?

我正在使用AngularJs' $ sessionStorage在我的应用程序中,以协助用户体验,跟踪过滤器和日期等。

我在Chrome的应用程序>>本地存储,会话存储Cookie和所有其他选项下查找了这些参数,但找不到我的APP定义$ sessionStorage值。他们虽然工作! :D

更新:以下是用法示例:

CookiesAlertController.$inject = ['$scope','$http','$sce','$sessionStorage','GetDataService'];

function showAlert() {
    if (!angular.isDefined($sessionStorage.cookiesAlertNotificationCount)) {
        $sessionStorage.cookiesAlertNotificationCount = 0;
    }
    if (angular.isDefined($sessionStorage.cookiesAlertNotification)) {
        if ($sessionStorage.cookiesAlertNotificationCount === false && $sessionStorage.cookiesAlertNotificationCount > 4) {
            $scope.cookiesAlertNotification = false;
        }
        else {
            $scope.cookiesAlertNotification = true;
        }
    }
    else {
        $scope.cookiesAlertNotification = true;
    }
}

$scope.closeNotification = function () {
    $scope.cookiesAlertNotification = false;
    $sessionStorage.cookiesAlertNotification = false;
    $sessionStorage.cookiesAlertNotificationCount = $sessionStorage.cookiesAlertNotificationCount + 1;
};

1 个答案:

答案 0 :(得分:1)

$sessionStorage是一个AngularJs服务,位于:https://github.com/gsklee/ngStorage

它允许您读取和写入$localStorage$sessionStorage,在会话的生命周期中使用这些存储的参数。

您将无法通过开发工具查看这些$sessionStorage$localStorage项,但您可以通过将其分配给代码中的variable来查看这些值。

示例:

var whatIsInMyStorage = $localStorage; // or $sessionStorage; 

您也可以通过以下方式清除这些存储项目:

$sessionStorage.$reset();
$localStorage.$reset();

我希望这有助于其他人。