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

Question

我一直在做一些关于cookie，sessionStorage，localStorage的研究，但是对$sessionStorage几乎没有什么洞察力。

在开发工具中我可以在哪里查看$sessionStorage (如果可以的话)？还是有其他的选择，甚至更好的方法？

我在我的应用程序中使用AngularJs的$sessionStorage来帮助用户体验，跟踪过滤器和日期等等。

我在Chrome的Application>>Local存储、Session Storage和所有其他选项下查找了这些参数，但是找不到我的应用程序定义了$sessionStorage值。不过，它们是有用的！

更新:下面是一个用法示例：

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;
};

Answer 1

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

它允许您在会话期间使用这些存储参数来读写$localStorage和$sessionStorage。

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

示例：

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

还可以通过调用以下命令清除这些存储项：

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

我希望这能帮到别人。