重新加載后狀態仍然存在

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中的數據將被清除。

然后，在頁面加載時，只需檢查標志是否已設置並相應地調整顏色。