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

Question

我一直在做一些关于 cookie、sessionStorage、localStorage 的研究，但对 $sessionStorage 的了解很少。

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

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

我在Chrome的应用程序>>本地存储、会话存储Cookies和所有其他选项下查找了这些参数，但找不到我的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;
};

Answer 1

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

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

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

示例：

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

您也可以通过调用清除这些存储项目：

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

我希望这对其他人有帮助。

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

$sessionStorage and how to view and work with $sessionStorage in AngularJs

javascript

cookies

session-storage

angularjs