重新加载后状态仍然存在

Question

我有一个星形图标，我希望它在用户每次按下时变为黄色，但是我不知道如何在重新加载后将该颜色保留到与其相关的对象上。

这是我的javascript

$scope.favorite = function (idea) {
        $scope.newFav.ideaId = idea.id;
        $(document).on('click', '.box-btn', function() {
            $(this).find('.uiIconStar').toggleClass('reeed').toggleClass('uiIconStarBlank uiIconColorStarYellow');
        });
    };
    $scope.saveFavorite = function(idea) {
        $scope.newFav.ideaId = idea.id;
        $http({
            data : $scope.newFav,
            method : 'POST',
            headers : {
                'Content-Type' : 'application/json'
            },
            url : ideaFrontContainer.jzURL('IdeaFrontController.SaveFavorite')
        }).then(function successCallback(data) {
            $scope.loadFavorites();
        }, function errorCallback(data) {
            //  $scope.setResultMessage($scope.i18n.defaultError, "error");
        });


    };

Answer 1

您可以使用localStorage在浏览器中存储标志。

只读的localStorage属性允许您访问文档来源的存储对象； 存储的数据跨浏览器会话保存。 localStorage与sessionStorage相似，不同之处在于，尽管localStorage中存储的数据没有到期时间，但页面会话结束时（即关闭页面时），存储在sessionStorage中的数据将被清除。

然后，在页面加载时，只需检查标志是否已设置并相应地调整颜色。