angular中的相关缓存内容

于 2019-05-20 11:46:53 发布
阅读量173 收藏
点赞数
分类专栏： Angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zezeadede555/article/details/90372178
版权

1、如何设置并且获取缓存中的数据

<button nz-button nzType="primary" (click)="startTest()">开始测试</button>

2、html页面进行设置并且获取
  //开始测试
  startTest() {
    this.publishScheme.getPublishSchemeById('fcaca26e-166c-49c9-fa46-08d6dcd298e5')
      .subscribe(result => {
        localStorage.setItem('key', JSON.stringify(result));
        var dataResult = JSON.parse(localStorage.getItem('key'));
   });
  }

修炼中的小精灵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于angularJs清除浏览器缓存的方法
相约9.28,幸福那一刻
08-03 8450
浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。 以下是传统的清除浏览器的方法 meta方法 //不缓存 清理form的临时缓存 ajax清除缓存 $.ajax(
使用Angular缓存父页面数据的方法
08-31
主要介绍了使用Angular缓存父页面数据的方法,需要的朋友可以参考下
Angular 实现一个完整的toDoList（待办事项） 以及类似京东App搜索缓存数据功能
03-05
Angular 实现一个完整的toDoList（待办事项） 以及类似京东App搜索缓存数据功能
Angular中的缓存
xyphf的博客
04-02 5912
缓存的功能就是加快获取内容的速度，减少重复请求，这是一项非常重要的作用。 因此,angularJS框架中，提供了专门的服务——cacheFactory来生成缓存，同时，cacheFactory来生成缓存，同时，http服务中还存在缓存中可以开启缓存、自定义缓存名称. info方法 info方法返回缓存对象的一些信息，包括大小、名称、代码如下。var cache = $cacheFactory(
说说Angular $http service中的缓存
SalmonellaVaccine的专栏
07-23 1620
http://www.html-js.com/article/1828 在Angular中，我们可以非常方便的进行AJAX请求。我们只需要注入$http，进行一个AJAX请求 – 然后我们就能得到一个promise对象，并可以很方便的调用其中的success或者error方法。例如下面的代码: $http.get('/foo/bar' + itemId) .suc
angular 如何处理缓存
lning52yx的博客
04-28 2852
angularjs 如何处理缓冲（cache）这应该是一个必备技能，但是其实我对angular真正上手比较晚，所以对angular的缓存机制并不是很了解；废话不多少 还上班呢 直接上代码其他的还需要自己脑补 、、、、、 angular.module('app').service('cache', ['$cookies', function($cookies){ this.put = func
详解Angular中$cacheFactory缓存的使用
09-01
在AngularJS中，$cacheFactory是一个核心服务，用于创建和管理缓存对象。它提供了一种方式来存储和检索数据，以减少不必要的网络请求，从而提高应用的性能。本篇文章将详细讲解$cacheFactory的使用及其在实际项目中...
使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码
10-16
主要介绍了使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
Angularjs中的缓存以及缓存清理
月吖吖
03-29 3710
写在最前面：这篇博文是2篇文章组成，详细介绍了Angularjs中的缓存以及缓存清理，文章由上海尚学堂转载过来，欢迎大家阅读和评论。转载请注明出处，谢谢！ 一个缓存就是一个组件，它可以透明地储存数据，以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复，消耗时间。因此缓存适用于变化性不大的一些数据，缓存能够服务的请求越多，整体系统性能就能提升越多。  1、 $cacheFactory...
angularJs中缓存数据，免去重复发起请求的几种写法
weixin_30952535的博客
12-26 264
带缓存处理的两种写法 过程:点击button触发load()方法，请求数据成后显示到页面中。如果已经请求过则从缓存中读取。 在线浏览 写法1： function demo(){ if (demo.cache == undefined) { return $http.get('https://api.github.com/users/github'...
angularJs中$cacheFactory缓存用法
泠泠似水
06-11 2280
<div ng-app="module" > <div ng-controller="ctrl1"> {{data}} </div> <div ng-controller="ctrl2"> {{data}} </div> </div> <script> var m = angular.module('module', []);
angular的缓存机制
xieyixiao_123的博客
09-03 1118
缓存数据，不仅能使数据得到存储，而且使项目能进行客观的性能优化。 $http的缓存 $http({ method: 'GET', url: 'api/user.json', cache: true }) 缓存能够服务的请求越多，整体系统性能就能提升越多。 自定义请求$http({ method: 'GET', url: 'api/user.
angular 缓存post请求的方法
GY기안시
04-13 2020
默认情况下，angular的$http仅仅缓存“get”和’jsonp’的请求数据，这里提供一种缓存'post'请求数据的方法
AngularJS缓存
weixin_33738982的博客
07-27 94
2019独角兽企业重金招聘Python工程师标准>>> ...
angularJS缓存的管理
yclfdn2004的专栏
06-29 1053
在Angular里面，services作为单例对象在需要到的时候被创建，只有在应用生命周期结束的时候（关闭浏览器）才会被清除。而controllers在不需要的时候就会被销毁了。 这里指的不会消失是指services原始保留的数据和方法 例： var module = angular.module( "my.module", [] );   module.service(
AngularJS中$http服务的简单用法
qian_xiaona的博客
03-21 510
我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。 1、链式调用 $http服务是只能接受一个参数的函数，这个参数是一个对象，包含了用来生成HTTP请求的 配置内容。这个函数返回一个promise对象，具有success和error两个方法。 $http({ url:'data.json', meth
angular如何缓存form表单信息
最新发布
05-17
在Angular中，可以使用FormGroup和FormControl来管理表单数据，也可以通过使用本地存储(localStorage)来缓存表单数据。 以下是一个简单的例子，可以将表单数据存储在本地存储中： 1. 在表单组件中，定义一个FormGroup对象，并将其初始化为存储在本地存储中的值（如果存在）： ``` import { Component } from '@angular/core'; import { FormGroup, FormControl } from '@angular/forms'; @Component({ selector: 'app-form', templateUrl: './form.component.html', styleUrls: ['./form.component.css'] }) export class FormComponent { form: FormGroup; constructor() { this.form = new FormGroup({ name: new FormControl(localStorage.getItem('name')), email: new FormControl(localStorage.getItem('email')), phone: new FormControl(localStorage.getItem('phone')) }); } onSubmit() { // Save form data to local storage localStorage.setItem('name', this.form.value.name); localStorage.setItem('email', this.form.value.email); localStorage.setItem('phone', this.form.value.phone); // Submit form data to server // ... } } ``` 2. 在表单提交时，将表单数据存储在本地存储中： ``` onSubmit() { // Save form data to local storage localStorage.setItem('name', this.form.value.name); localStorage.setItem('email', this.form.value.email); localStorage.setItem('phone', this.form.value.phone); // Submit form data to server // ... } ``` 3. 在表单组件中添加一个ngOnDestroy钩子函数，以确保在组件销毁时清除本地存储中的表单数据： ``` import { Component, OnDestroy } from '@angular/core'; import { FormGroup, FormControl } from '@angular/forms'; @Component({ selector: 'app-form', templateUrl: './form.component.html', styleUrls: ['./form.component.css'] }) export class FormComponent implements OnDestroy { form: FormGroup; constructor() { this.form = new FormGroup({ name: new FormControl(localStorage.getItem('name')), email: new FormControl(localStorage.getItem('email')), phone: new FormControl(localStorage.getItem('phone')) }); } onSubmit() { // Save form data to local storage localStorage.setItem('name', this.form.value.name); localStorage.setItem('email', this.form.value.email); localStorage.setItem('phone', this.form.value.phone); // Submit form data to server // ... } ngOnDestroy() { // Clear form data from local storage localStorage.removeItem('name'); localStorage.removeItem('email'); localStorage.removeItem('phone'); } } ``` 这样，当用户重新访问该页面时，表单数据将从本地存储中自动填充。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值