Angular中从本地存储读写用户设置的框架
创始人
2024-10-31 01:00:54
0
  1. 创建一个名为 LocalStorageService 的服务:
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class LocalStorageService {

  constructor() { }

  public setItem(key: string, value: any): void {
    localStorage.setItem(key, JSON.stringify(value));
  }

  public getItem(key: string): any {
    const item = localStorage.getItem(key);
    return item ? JSON.parse(item) : null;
  }

  public removeItem(key: string): void {
    localStorage.removeItem(key);
  }

  public clear(): void {
    localStorage.clear();
  }

}
  1. 在组件中使用 LocalStorageService

例如,我们要在组件中存储一个布尔值:

import { Component } from '@angular/core';
import { LocalStorageService } from './local-storage.service';

@Component({
  selector: 'app-my-component',
  template: `
    
    

Setting value: {{ settingValue }}

` }) export class MyComponent { settingKey = 'my-setting'; settingValue = false; constructor(private localStorageService: LocalStorageService) { const storedValue = this.localStorageService.getItem(this.settingKey); if (storedValue !== null) { this.settingValue = storedValue; } } toggleSetting(): void { this.settingValue = !this.settingValue; this.localStorageService.setItem(this.settingKey, this.settingValue); } }

这样就可以使用 LocalStorageService 在本地存储中读写用户设置了。

相关内容

热门资讯

微扑克游戏辅助器!微扑克可以用... 微扑克游戏辅助器!微扑克可以用模拟器(透视辅助)都是有挂是一款可以让一直输的玩家,快速成为一个“必胜...
玩家攻略!皮皮湖北麻将有没有挂... 玩家攻略!皮皮湖北麻将有没有挂(透视辅助)其实真的是有挂(2021已更新)(哔哩哔哩);1、下载好皮...
wepoke辅助挂!wepok... wepoke辅助挂!wepoke系统规律,wepoke管理系统,2025新版教程(有挂详情);大神普...
微扑克辅助挂!微扑克游戏辅助器... 微扑克辅助挂!微扑克游戏辅助器,微扑克辅助软件查得出来(竟然存在有挂)1)微扑克辅助挂:进一步探索微...
我来教教大家!情怀棋牌辅牌器购... 我来教教大家!情怀棋牌辅牌器购买(辅助挂)总是有挂(2025已更新)(哔哩哔哩)1、游戏颠覆性的策略...
wepoke辅助有挂!wepo... wepoke辅助有挂!wepoke系统,wepoke都是真的有挂,AI教程(有挂辅助);是一款可以让...
微扑克游戏辅助器!微扑克辅助器... 微扑克游戏辅助器!微扑克辅助器是真的,wpk确实是有挂,辅助教程(有挂教学),亲,有的,ai轻松简单...
技巧知识分享!同城跑胡子辅助软... 技巧知识分享!同城跑胡子辅助软件(辅助挂)原来真的有挂(2023已更新)(哔哩哔哩)1、让任何用户在...
wepoke计算辅助!wepo... wepoke赢率提升策略‌;wepoke计算辅助!wepoke软件透明挂视频,wepoke能赢嘛,德...
微扑克系统发牌规律!wpk微扑... 微扑克系统发牌规律!wpk微扑克俱乐部,微扑克wpk辅助存在(好像有挂)是一款可以让一直输的玩家,快...