Angular中使用localstorage,页面刷新保存变量数据

这里写自定义目录标题

  • Angular中使用localstorage,页面刷新保存变量数据

Angular中使用localstorage,页面刷新保存变量数据

一个列表页面跳转到另一个详细页面传递一个变量,要求刷新当前页面时用传递的变量显示数据再访问一遍数据,这时需要把数据保存到localstorage中。

1.localstorage的介绍和使用
参考链接:https://blog.csdn.net/whm18322394724/article/details/80302504

2.引入localstorage
参考链接:https://www.jianshu.com/p/94afa6c4dbc1

里面有详细步骤。

//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));

你可能感兴趣的:(angular,localstorage)