如何使用會話存儲在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