如何使用会话存储在Angular 6上存储和检索数据？

Question

我有一个简单的表格，提交后需要将值存储在sessionStorage上。 还需要显示sessionStorage中的所有项目。 要做到这一点

import { StorageServiceModule} from 'angular-webstorage-service';

想要创建一个使用此StorageServiceModule的服务。 如何使用SESSION_STORAGE实施服务。 任何类型的文档链接或实现示例都将有所帮助。

Answer 1

请遵循@Chellappan添加的教程，但如果要将数据存储到会话中，则将LOCAL_STORAGE替换为SESSION_STORAGE，如下所示：

constructor(@Inject(SESSION_STORAGE) private storage: WebStorageService) {

}

Answer 2

localStorage和sessionStorage之间没有太大区别。唯一的区别是本地存储没有过期设置，我们需要手动清除localStorage中的值。 但是在session结束时，sessionSession中的值将被清除。

您关于存储和使用会话存储检索数据的问题。 请参阅此链接， https：//developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage