Angularjs 如何在angular Js中保留页面刷新时动态添加的复选框？

我有4个学生姓名复选框。我正在尝试在单击“添加”按钮时添加学生姓名。学生姓名将通过复选框长时间添加，但在显示默认4个复选框的页面刷新时会熄灭。是否有办法在使用本地存储的页面刷新时保留学生姓名。我只想删除添加的姓名当我点击删除按钮时。

---

任何帮助都将不胜感激。

如果您倾向于将信息存储在本地存储器中，那么您必须确保在添加和删除信息时对其进行更新

附加 删除

函数deleteName（索引，名称）
var data=localStorage.getItem（“信息”）；
如果（数据！==未定义）{
var studentCollection=JSON.parse（数据）；
对于（var i=0；i

您尝试了什么吗？请添加一些您已经生成的代码，以及您尝试对无法工作的localStorage执行的操作。看看这个：你可以使用localstorage来存储你的复选框集合，或者如果你打算用它们做任何事情，请将它们保存在服务器上……”“有没有办法在页面上保留学生的名字？使用local storage刷新”-是，使用localstorage有很多可能的方法。@SergioTulentsev您能告诉我吗？这是我第一次在angularjs中实现本地存储概念。我知道使用本地存储显示的简单消息。但这里前4个值来自JSON，我要添加的值正在添加到其中JSON。请告诉我。

function addName(index,name)
    var studentInfo = {
     "index" : index,
      "name" : name
    }
    var studentCollection = [];

    var data = localStorage.getItem("information");
    if(data !== undefined) {
        studentCollection = JSON.parse(data);    
    }
    studentCollection.push(studentInfo);
    localStorage.setItem("information", JSON.stringify(studentCollection));
}

    function deleteName(index,name)
        var data = localStorage.getItem("information");
        if(data !== undefined) {
            var studentCollection = JSON.parse(data);
            for(var i = 0; i < studentCollection.length; i++ ) {
                if(studentCollection[i].index === index && studentCollection[i].name === name) {
                    studentCollection.splice(i, 1);
                }
            }
            localStorage.setItem("information", JSON.stringify(studentCollection));
        }


    }