Question

我将一些数据存储在我的Javascript文件中的 localstorage 中。我想在详细信息网格上创建一个删除按钮，允许我删除单个项目。我需要首先确定所选项的键，然后使用localStorage.removeItem(key)方法删除该项。但我的方法似乎不起作用。

这是在我的工厂：

removeItem: function (data) {
    var prefixLength = prefix.length;
    Object.keys(localStorage)
        .forEach(function (key) {
            if (key.substring(0, prefixLength) == data) {
                var item = window.localStorage[key];                            
                localStorage.removeItem(key);
            }
        });
},

然后我在我的controller.js中调用它：

 $scope.remove = function () {
            expService.removeItem($scope.expense);
        },

我的按钮是：

<button type="button"class="btn btn-sm btn-danger pull-right" id="remove" ng-click="remove()">
    <span class="glyphicons glyphicons-bin"></span>
</button></div>

Answer 1

我没有看到错误但很简单

<button type="button"class="btn btn-sm btn-danger pull-right" id="remove" ng-click="remove(expense)">
                    <span class="glyphicons glyphicons-bin"></span>
                </button>

和js

 $scope.remove = function (itemTodelete) {
             localStorage.removeItem(itemTodelete);
        },

Answer 2

localStorage.removeItem('itemTodelete');
localStorage.remove('itemTodelete'); or
localStorage.clear();

Answer 3

就我而言，我必须在单击按钮时删除本地存储数据。这是我如何实现的。

<button onclick="deleteFavorite('Id or name what you set as key')"> Delete </button>


 function deleteFavorite(Id){
                     localStorage.removeItem(Id);
                }

请注意，您可以使用 javascript 将 id 动态添加到函数中，并且您必须重新加载页面以查看该项目是否被删除。

如何从javascript中删除localstorage中的条目？

3 个答案: