1,创建服务

2,使用服务
// 引入服务 import { StorageService } from ‘./services/storage.service‘ // 配置服务 @NgModule({ providers: [StorageService], // 配置项目所需要的服务 })
import { Injectable } from ‘@angular/core‘;
@Injectable({
providedIn: ‘root‘
})
export class StorageService {
constructor() { }
// 定义方法
set() {
// 存储
window.localStorage.setItem(‘变量名‘, JSON.stringify(变量值));
}
get() {
// 获取
window.localStorage.getItem(‘变量名‘);
}
remove() {
// 删除
window.localStorage.removeItem(‘变量名‘);
}
}
import { StorageService } from ‘../../services/storage.service‘
constructor(public storage: StorageService) {
this.storage.set(); // 调用服务中的设置本地缓存数据的方法
this.storage.get(); // 调用服务中的获取本地缓存数据的方法
this.storage.remove(); // 调用服务中的删除本地缓存数据的方法
}
原文:https://www.cnblogs.com/zxuedong/p/12534662.html