使用Service来保存页面数据,即使刷新也不会丢失数据。
创建Service
ng g service service/storage
依赖注入Service
import { StorageService} from "./service/storage.service"
providers: [StorageService]
页面引入Service
在使用Service的页面引入服务
import { StorageService} from "./service/storage.service"
保存数据并使用
在service/storage.ts 文件中编写数据保存和删除的方法
// 保存数据
setItem(key,value)
{
localStorage.setItem(key,value);
}
// 删除数据
removeItem(key)
{
localStorage.removeItem(key);
}
// 获取数据
getItem()
{
localStorage.getItem(key);
}
构造方法法中实例化Service
constructor(private service:StorageService)
{
console.log(service);
}
这样就可以在页面中通过this.service.getItem("data")
获取保存的数据,通过this.service.setItem("data",this.list)
保存数据,通过this.service.removeItem("data");
删除数据了。