在 AngularJS 中刷新页面后更新 crud table 时出现类型错误

Question

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

当我在刷新页面后直接更新存储的数据时，我在控制台中收到一些错误，例如 TypeError: Cannot set 属性 'myid' of undefined at Object.vm.edit (controller.js:70), table 不会以这种方式更新，但如果您先添加一行然后更新它，它就会更新。谁能帮我解决问题？我的 plunk

Answer 1

您的错误提示控制器上不存在数据，因此您只需在控制器顶部初始化 vm.data：

vm.data = {};

这里是 plnkr： http://plnkr.co/edit/mnRGSmEk0q9N2dSazEHL?p=preview

另一个解决方案是在添加数据对象时创建它：

vm.data = {
      myid: id,
      fname: vm.arr[i].fname,
      lname: vm.arr[i].lname,
      classs: vm.arr[i].classs,
      age: vm.arr[i].age,
      fees: vm.arr[i].fees,
    };

这里是 plnkr：http://plnkr.co/edit/TZmgPz2h02peBYaF0uyV?p=preview

在 AngularJS 中刷新页面后更新 crud table 时出现类型错误

Type Error when I am updating crud table after refreshing the page in AngularJS

javascript

crud

local-storage

angularjs

ng-storage