Angular——localstorage的使用
??小菜今天分享一下前端angular常用的数据存取问题,譬如从后端拿到数据后,有时候需要有选择性的做回显,或者给联动页面传数据等,这个时候数据存哪儿呢?
◇◇它是什么
◇◇存储 //以(key,value)的形式进行存储。
localStorage.setItem('key',value);
2.实例 checkboxemit(el: any) {
// 判断:如果多选了提示只能选中一个
if (el.length > 1) {
this.showDialog('只能选中一名教师才能进行下一步!');
return;
}
// 将选中的数据取出来
const course = this.data[el[0]];
//courseinfo是key
//course是value
//JSON.stringify()把course转换成字符串
localStorage.setItem('courseinfo',JSON.stringify(course));
}
◇◇读取 //将上一步存的数据读取出来
JSON.parse(localStorage.getItem('courseinfo'));
◇◇清空 localStorage.removeItem('courseinfo');
◇◇联动页面的使用 //1、取:——获取前两个页面存入courseinfo中的值
course1 = JSON.parse(localStorage.getItem('courseinfo'));
// 2、存我的数据:——把我要存的字段放到刚才获取到的model中(即:courseinfo,只不过我现在把拿到的courseinfo赋给了变量course1)
this.course1.publicteachModel.teacherId=teacherInfo.id;
//3、存整体:——此时的course1中既有前两个页面的值也有我刚才赋的值,然后再把course1存入localstorage中,其名字还命名成“courseinfo”,这个时候下个页面依然找courseinfo即可
localStorage.setItem('courseinfo',JSON.stringify(this.course1));
??localstorage的使用小菜还在不断的练习和摸索中,小菜目前熟悉的只有上面这些,如果哪位帅哥美女知道更多关于localstorage的使用欢迎交流! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |