How can I save state of component in Angular?

Question

I'm looking at saving the state of a data table that I'm using in Angular 7 & Typescript.

The functionality is similar to saving state like in a browser tab.

So on redirection to another component, If I go back to the component with the data table, how can I save the state let's say if I'm using a filter?

Answer 1

尝试使用像https://ngrx.io/guide/store这样的状态管理库或使用 localstorage 来保存和获取过滤器。

Answer 2

1 method would be to store the state in the local storage. So when you return back to the original page you can query to see if the item exists in the local storage if it does then reinitialise.

let data = {}; localStorage.setItem('settings', data);

this is not an effective way just for learning purpose its fine

Answer 3

1. Local storage
2. ngrx/Store
3. Subject, or BehaviorSubject

The last option is two directional service, the best option would be probably Store.