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属性允许您访问Document的源文件的Storage对象;存储的数据将保存在浏览器会话中。 localStorage类似于sessionStorage，但是当localStorage中存储的数据没有到期时间时，存储在sessionStorage中的数据会在页面会话结束时清除 - 也就是说，当页面关闭时。

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

重装后状态仍然存在

1 个答案: