存储数据后是不是有更好的方法从 localStorage 获取数据而不刷新/重新加载页面

Posted 2023-02-15

【中文标题】存储数据后是不是有更好的方法从 localStorage 获取数据而不刷新/重新加载页面

【英文标题】：Is there a better way to get data from localStorage after storing the data without refreshing/reloading the page存储数据后是否有更好的方法从 localStorage 获取数据而不刷新/重新加载页面

【发布时间】：2021-07-14 16:39:51

【问题描述】：

我正在尝试制作一个可以将数据存储到 localStorage 的按钮。存储数据后，我想在不刷新/重新加载页面的情况下获取数据

我用来解决这种情况的方法是，我将 2 个命令放在一个按钮上。第一个命令是存储数据，第二个命令是使用$scope获取数据，方便在页面上展示

这是我的代码

$scope.storeData = function()
    if(localStorage.getItem('value') === null)
        // The value that will set to the localStorage
        $scope.data = 'Selamat sore';
        
        // To set the value on $scope.data to localStorage
        localStorage.setItem('value', JSON.stringify($scope.data));
        
        //To get the value and display it on the page
        $scope.getData = JSON.parse(localStorage.getItem('value'));
    else
        $scope.getData = JSON.parse(localStorage.getItem('value'));
    

它确实有效，但也许有更好的方法来做到这一点

谢谢

【问题讨论】：

我觉得这个问题更适合codereview.stackexchange.com

看看ngStorage。保留对您数据的引用

【参考方案1】：

我觉得这个更干净，更简单。

function MyController($scope) 
  // if value is null a default 'Selamat sore' is set
  $scope.data = localStorage.getItem('value') || 'Selamat sore';
  
  $scope.saveData = function() 
    localStorage.setItem('value', JSON.stringify($scope.data));