在Angular应用程序中,可以使用本地存储(localStorage)来存储和获取值。以下是一个在应用程序引导时从本地存储加载值的示例代码:
import { NgModule } from '@angular/core';
import { LocalStorageService } from './local-storage.service';
@NgModule({
providers: [LocalStorageService],
})
export class AppModule { }
@Injectable()
export class LocalStorageService {
constructor() { }
// 将值存储到本地存储
set(key: string, value: any): void {
localStorage.setItem(key, JSON.stringify(value));
}
// 从本地存储获取值
get(key: string): any {
const value = localStorage.getItem(key);
return JSON.parse(value);
}
}
import { Component, OnInit } from '@angular/core';
import { LocalStorageService } from './local-storage.service';
@Component({
selector: 'app-root',
template: `
{{ title }}
`
})
export class AppComponent implements OnInit {
title: string;
constructor(private localStorageService: LocalStorageService) { }
ngOnInit(): void {
// 从本地存储获取值
this.title = this.localStorageService.get('title');
}
}
import { Component } from '@angular/core';
import { LocalStorageService } from './local-storage.service';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
constructor(private localStorageService: LocalStorageService) { }
saveTitle(): void {
const title = 'My App Title';
// 将值存储到本地存储
this.localStorageService.set('title', title);
}
}
以上代码示例演示了如何在Angular应用程序中使用本地存储来引导值。在应用程序的启动阶段,将从本地存储加载值,并在组件中使用它。