如何在angular2中将整页数据设置为CookieService

我正在使用angular2。我有一个页面，其中有一个项目列表，点击其中一个项目，其详细信息将显示在第二个屏幕上

所以当我在第二个屏幕时，如果我刷新页面，整个页面的数据都会被删除。所以为了避免这种情况，我想使用CookieService

假设我有一个如下的方法

  loadItemDetails(){

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

因此，在这个这个.itemDetailsData中，我有相关项目的所有详细信息

如何在此处使用CookieService保存此数据，以及如何在页面刷新后获取此数据

   public setDetails(){

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

    }

此cookieService.set请求一个键值对。但在我的示例中，itemDetailsData是一个数组

---

有人能帮我怎么做吗。

试试本地存储，而不是CookieService。它的工作原理基本相同

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

localStorage.get('whatever')

---

尝试本地存储，而不是CookieService。它的工作原理基本相同

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

localStorage.get('whatever')

---

这种情况下的键值对与数据类型无关。这里的关键是一个字符串-您选择它-以便稍后使用它来检索您的数据<代码>this.cookieService.set（'myData'，data）稍后您将使用“myData”读取cookies

this.cookieService.get（'myData'）

Yeah@Jameel但是当我这样做的时候，我得到一个编译时错误[ts]参数类型“any[]”不能分配给类型“string”的参数。你能告诉我更多关于你使用的

CookieService

吗？它是npm模块吗？或者是您自己定义的？您是否考虑过在用户关闭本地存储和Cookie时的解决方法？这种情况下的键值对与您的数据类型无关。这里的关键是一个字符串-您选择它-以便稍后使用它来检索您的数据<代码>this.cookieService.set（'myData'，data）稍后您将使用“myData”读取cookies

this.cookieService.get（'myData'）

Yeah@Jameel但是当我这样做的时候，我得到一个编译时错误[ts]参数类型“any[]”不能分配给类型“string”的参数。你能告诉我更多关于你使用的

CookieService

吗？它是npm模块吗？或者是您自己定义的？您是否考虑过一种解决方法，以防您的用户关闭本地存储和cookie？