Angular4-Service

使用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");删除数据了。