javascript - 本地存储不适用于对象数组

我试图理解为什么当我取消注释下面的代码行时，它不再显示我在索引页面上显示的员工数组，而且在我提交要添加员工的表单后也没有显示它，所以是的如果我保持它的原样，那么它就可以正常工作，但是我需要它与本地存储一起使用。

angular.module("MyApp").service("dataService", function() {

    var employeesArray = [{employeeName:'Me', employeeStreet:'12345 Local Street', employeeCity:'MyCity', employeeState:'MyState', employeeZipCode:'12345'}];

    this.getEmployees = function() {
        /*
        var str = localStorage.getItem("Employees");
        employeesArray = JSON.parse(str) || employeesArray;
        */
        return employeesArray;
    }

    this.addEmployee = function(employee) {
        employeesArray.push(employee);
        /*
        var str = JSON.stringify(employeesArray);
        localStorage.setItem("Employees", str);
        */
    }

    this.removeEmployee = function(employee) {
        employeesArray.splice(employeesArray.indexOf(employee), 1);
        /*
        var str = JSON.stringify(employeesArray);
        localStorage.setItem("Employees", str);
        */
    }
});

最佳答案

解决方案是每次使用localStorage之前都要获取员工列表。所以尝试添加

var employeesArray = this.getEmployees();

作为addEmployee和removeEmployee方法的第一行。测试新更改之前，请不要忘记运行localStorage.clear()。

请查看此JS小提琴：http://jsbin.com/qawabifefa/2/edit?js,output

关于javascript - 本地存储不适用于对象数组，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26833384/