角度2 4 5-重新加载页面或单击带有角度的“后退”按钮时如何保存搜索结果 [英] Angular 2 4 5 - How to save search results when reloading page or clicking “back” button with Angular

问题描述

我想知道返回上一页时如何搜索结果。

示例)

boardListUrl：/board

boardDetailUrl：/board/Detail/：ID

---

1. boardListUrl上的"标题"搜索按钮

   例如)‘Title’Search(标题)搜索按钮单击：‘Hello’搜索 (调用后台和服务端睡觉接口)

   ==>boardListUrl：/board

      tables datas: "hello ~" / "hello 2 ~" / "hello  3~" / 
   

2. 表行click=>boardDetailUrl页

   ex)/board/Detail/：1

   boardDetailUrl页面存在"Back Page"按钮

3. "Back Page"按钮单击

==>我想要[boardListUrl页面+"hello"搜索结果或搜索词：‘hello’]

如何使用搜索词(搜索参数)或搜索数据上一页

推荐答案

在组件中"获取旧状态"的关键是使用服务并实现OnInit和OnDestroy

export class MyComponent implements OnInit, OnDestroy{

variableState:any; //<--a variable we can "conserv"
constructor(private sharedService: SharedService){}
ngOnInit() {
    //if the service has the variable take the value, else null
    this.variableState=this.sharedService.variableState?this.sharedService.variableState:null;
}
ngOnDestroy{
   //In the destroy, we use the service to set the variable
   this.sharedService.variableState=this.variableState;
}

这项服务非常简单，就像

@Injectable()
export class sharedService{
variableState:any;
}

嗯，我们不需要只对共享变量创建SharedService，我们可以使用，例如，只需添加公共变量即可获得数据的相同服务。

注意：我们的variableState也可以是对象

这篇关于角度2 4 5-重新加载页面或单击带有角度的“后退”按钮时如何保存搜索结果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！