发表新帖
发表新帖

How to keep localStorage values after refresh?

后端 未结
关注
6 751
挽巷
挽巷 2020-12-19 15:09

This is my ctrl:

app.controller(\'ctrl\', function ($window, $scope) {

    $scope.initData = [
        {
            firstName: \"John\",
            lastNa
相关标签:
6条回答
  • 甜味超标
    2020-12-19 15:27

    delete data from local storage using JavaScript Here is your code without error passed.

    use function for delete 

           function deleteRow(index){
              dataList.splice(index, 1);
              console.log('====>', dataList)
              localStorage.setItem('items', JSON.stringify(dataList)); 
}
    0 讨论(0)
  • 花落未央
    2020-12-19 15:29

    This code will help you to understand.....

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    var ArrayData = [];
    function clickCounter() {
        if(typeof(Storage) !== "undefined") {
            if (localStorage.count) {
                localStorage.count = Number(localStorage.count)+1;
            } else {
                localStorage.count = 1;
            }
            document.getElementById("result").innerHTML = "You have clicked the button " + localStorage.count;
        } else {
            document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage...";
        }
    }
    function load()
    {
        var odser = JSON.parse(localStorage.getItem("data"));
        document.getElementById("result1").innerHTML = odser;
    }
    function fun()
    {
        var odser = JSON.parse(localStorage.getItem("data"));
        ArrayData = odser;
        ArrayData.push(3);
        var oser = JSON.stringify(ArrayData);
        localStorage.setItem("data", oser);
        var odser = JSON.parse(localStorage.getItem("data"));
        document.getElementById("result1").innerHTML = odser;
    }
    </script>
    </head>
    <body onload="load()">
    <button onclick="clickCounter()" type="button">Click me!</button>
    <button onclick="fun()" type="button">Click me! Array</button>
    <div id="result"></div>
    <div id="result1"></div>
    </body>
    </html>
    0 讨论(0)
  • 醉梦人生
    2020-12-19 15:33

    In Simple Steps in matters how you need your page to refresh using afunction to refresh comes handy and effective for me and keeps the locaStorage values set.. i used.... the function below by calling it as load() and it worked for me

        function load()
{
  console.log("loading")
  setTimeout("window.location.assign('samepage.html');", 1000);

}
    0 讨论(0)
  • 你的背包
    2020-12-19 15:36

    You need to check first if your localStorage is empty on load

    if (localStorage == null) {//setItem() ...};
    0 讨论(0)
  • 梦如初夏
    2020-12-19 15:39

    Your line $window.localStorage.setItem('initData', JSON.stringify($scope.initData)); is resetting the data each time you refresh.

    Replace the line with this:

    if(!localStorage.getItem('initData')){
    $window.localStorage.setItem('initData', JSON.stringify($scope.initData));
}

    More over you should not have that line at all. Start with an empty local storage and add new entries from UI only.

    The above code only run it once, for the first time the application is run.

    If yo want to re-insert the data every time the list is empty then try following

    if(!localStorage.getItem('initData') || JSON.parse(localStorage.getItem('initData')).length === 0){
    $window.localStorage.setItem('initData', JSON.stringify($scope.initData));
}
    0 讨论(0)
  • 旧巷少年郎
    2020-12-19 15:52

    On every page load you are setting new initData and updating the local storage... Instead you should check for existing localstorage data and use that before using the mocked initData

    0 讨论(0)
 看不清?
提交回复
热议问题