angular实现数据持久化

754 阅读1分钟

angular实现数据持久化

服务

angular服务:如果将两个不相关的组件可以相互调用,就需要引入服务这个功能

如何创建和使用服务

  1. 创建一个服务 方法和创建组件类似,在终端输入 ng g service service/storage

image.png

生成文件

image.png

  1. 使用服务 在根模块modules引入该服务

image.png

  1. 在创建的模块当中使用服务 在模块里面引入该服务

先引入服务模块,再声明一个服务,再进行调用即可

在需要使用的模块中引入服务

image.png

声明一个服务

image.png

数据持久化

当我们在页面输入某些数据的时候,如果刷新,数据就会消失,可以利用数据持久化来解决这个问题。
思路就是将数据缓存起来,然后刷完新再从缓存里面进行加载。

步骤:

  1. 在服务里面设置存和取

当前文件

image.png image.png

  1. 加入到缓存当中,set方法

image.png 3. 页面刷新取出数据

image.png