Question

我创建了这个CRUD表，我可以看到表数据存储在开发人员工具中的Web浏览器的本地存储中，即使在编辑和删除行之后，我也不知道如何在刷新后保存和显示相同的数据包含所有最新更新的页面。

<head>

    <script src="js/angular.min.js"></script>   
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>   

</head>

请参阅plunker中附带的代码：https://plnkr.co/edit/fvp2kQzxrnkgLsQ1r4i6?p=preview

Answer 1

您有2个问题需要解决。

首先，您已经定义了vm。$ storage = $ localStorage但是当您应该更新vm。$ storage时，您仍然会继续尝试更新$ localStorage。

其次，像这样初始化你的数组：

vm.arr = vm.$storage.arr || [];

我已经分了你的plunk

即使在使用ngStorage刷新页面后也显示CRUD表数据

1 个答案: