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

Question

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

<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 table 数据

Display CRUD table data even after refreshing the page using ngStorage

crud

local-storage

angularjs

ng-storage