如何在angular上刷新页面后不丢失搜索结果
如何在angular上刷新页面后不丢失搜索结果
提问于 2019-06-12 14:34:29
我有一个使用Angular框架的应用程序。我有一个搜索产品名称的搜索栏。当我键入某些内容并按enter或单击时，搜索栏看起来工作良好，并给出了我要查找的产品。但是，在我刷新页面后，我之前搜索的产品就丢失了。如何才能在刷新页面时不会丢失？
谁能告诉我使用会话存储，但我不知道如何使用它。我是一个使用angular的新手。提前谢谢。
我的搜索功能代码如下
applyFilterCustom(value){
this.loaderService.display(true);
this.factoryservicesService.invoke("getSearchCondition", {searchTitle: value})
.subscribe(
data => {
if(data.status_code == 200){
this.global.filterresult = data.list;
this.global.product = data.list;
this.global.products_condition = true;
this.router.navigate(['products/']);
this.loaderService.display(false);
}
else {
this.loaderService.display(false);
this.global.filterresult = [];
this.global.products = [];
this.global.products_condition = true;
this.router.navigate(['products/']);
}
}
);
}回答 1
Stack Overflow用户
发布于 2019-06-12 15:51:08
您可以使用localStorage。尝试如下所示：
var searchItem = "abc";
localStorage.setItem("searchItem", searchItem);当您需要取回它时，请执行以下操作：
localStorage.getItem("searchItem");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56555943
复制相关文章
相似问题