码迷,mamicode.com
首页 > 其他好文 > 详细

localStorage实现数据持久化

时间:2020-10-18 10:21:23      阅读:36      评论:0      收藏:0      [点我收藏+]

标签:tor   var   ring   rem   服务   list   cat   数据   string   

localStorage设置key和内容

localStorage.setItem(key,JSON.stringify(value));

localStorage删除数据

localStorage.removeItem(key);

封装方法

set(key:string,value:any){

  localstorage.setItem(key.JSON.stringify(value));

}

声明数组

public historage:any[]=[];

//浏览器开发者工具中查看localStorage

开发者工具中点击右侧小箭头=>点击application=>点击storage=>点击localstorage

页面刷新=>ngOnInit(){//生命周期函数

//页面刷新时,执行的方法

var searchlist:any=this.storage.get(‘serchlist‘);

if(searchlist){

  this.historageList=searchlist;

}

}

组件和组件不可以相互调用,服务和服务之间可以相互调用

localStorage实现数据持久化

标签:tor   var   ring   rem   服务   list   cat   数据   string   

原文地址:https://www.cnblogs.com/zhanpeng-up/p/13833161.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!