在Angular 6中,可以使用浏览器的会话存储(session storage)来存储和访问数据。下面是一个使用会话存储的示例代码:
首先,在组件中导入会话存储服务:
import { SessionStorageService } from 'ngx-webstorage';
然后,在组件的构造函数中注入会话存储服务:
constructor(private sessionStorageService: SessionStorageService) { }
接下来,可以使用以下方法来存储和访问数据:
存储数据:
this.sessionStorageService.store('key', 'value');
访问数据:
const value = this.sessionStorageService.retrieve('key');
删除数据:
this.sessionStorageService.clear('key');
完整的组件示例代码如下:
import { Component } from '@angular/core';
import { SessionStorageService } from 'ngx-webstorage';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent {
constructor(private sessionStorageService: SessionStorageService) { }
storeData() {
this.sessionStorageService.store('key', 'value');
}
retrieveData() {
const value = this.sessionStorageService.retrieve('key');
console.log(value);
}
clearData() {
this.sessionStorageService.clear('key');
}
}
请确保已经安装了ngx-webstorage依赖,可以通过以下命令进行安装:
npm install ngx-webstorage --save
然后将其导入到Angular模块中以使用会话存储服务。