如何在angular2中將整頁數據設置爲CookieService

Question

我正在使用angular2。我有一個頁面，我有項目列表，點擊一個項目時，它的詳細信息將顯示在第二個屏幕上。

所以，當我在第二個屏幕，如果我正在刷新頁面整個頁面的數據正在去。所以要避免這個我想使用CookieService。

假設我有類似下面

loadItemDetails(){ 

     this.itemDetailsData = this.customerService.selectedcustomer; 
     return this.itemDetailsData ; 
} 

所以在這個this.itemDetailsData我有perticular項目的所有細節的方法。

如何在這裏使用CookieService來保存這些數據，以及如何在頁面刷新後獲取它。

public setDetails(){ 

     this.cookieService.set('',''); 

    } 

這個cookieService.set是要求一個鍵值pair.But在我的情況下itemDetailsData是一個數組。

任何人都可以請幫助我如何做到這一點。

Answer 1

而不是CookieService，嘗試本地存儲。它的工作原理基本相同。

localStorage.setItem('whatever', 'something'); 

localStorage.get('whatever') 

https://developer.mozilla.org/en/docs/Web/API/Window/localStorage