localStorage实现数据持久化

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;

}

}

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

posted @ 2020-10-18 00:04  站在巨人的肩膀上1  阅读(386)  评论(0)    收藏  举报