Angular7创建一个服务及数据持久化

最新推荐文章于 2022-05-06 09:21:52 发布

王独秀儿

最新推荐文章于 2022-05-06 09:21:52 发布

阅读量854

点赞数 1

分类专栏： Anjular JS 文章标签： html js angular

本文链接：https://blog.csdn.net/weixin_42959207/article/details/88850825

版权

本文介绍了在Angular7中如何创建服务以及实现数据的持久化。通过创建服务并在app.module.ts中引用和声明，然后定义公共方法供其他组件调用。数据持久化部分利用LocalStorage来存储和读取数据，确保页面初始化时能加载或显示存储的数据。

摘要由CSDN通过智能技术生成

github源码地址：https://github.com/wangduxiu/Angular7-Demo.git

import { StorageService } from './services/storage.service';
providers: [StorageService],

  get(){
    return '我是一个服务';
  }

import { StorageService } from '../../services/storage.service';

然后再constructor中实例化，通过this调用对象点方法

  constructor(public storage:StorageService) { 
    console.log(this.storage.get());
  }

  //LocalStorage设置数据
  set(key:string,value:any){
    localStorage.setItem(key,JSON.stringify(value));
  }
  //获取数据
  get(ke

关注