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

【问题标题】：Display CRUD table data even after refreshing the page using ngStorage即使在使用 ngStorage 刷新页面后也显示 CRUD 表数据
【发布时间】：2018-03-30 12:55:43
【问题描述】：

我已经创建了这个 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

【问题讨论】：

标签： angularjs local-storage crud ng-storage

【解决方案1】：

您有 2 个问题需要解决。

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

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

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

我已经分叉了你的plunk

【讨论】：

知道了，非常感谢，我在删除行时也遇到了问题，但现在已修复。但是现在当我在刷新页面时更新存储的数据时，我遇到了一些错误，表没有以这种方式更新，但是如果你先添加一行然后更新它，它就会更新。你能告诉我如何解决吗？新更新的 plunk plnkr.co/edit/eoVeVLC7tBCorwy42oJ9?p=preview
TypeError: 无法在 Object.vm.edit (controller.js:70) 设置未定义的属性 'myid'，当数据被保存和刷新后，当我点击更新时。
修复了stackoverflow.com/questions/46863302/…