如何保存用户在视图和刷新页面之间选择的颜色？

Question

我的问题如下：

如何保持用户在视图和刷新之间选择的颜色。我的意思是在某些视图中（它有服务，控制器和模板），用户可以从列表中选择三种颜色，并在列表下显示他的选择。

然而，在使用应用程序按钮返回/下一个或其他导航后，这些颜色会丢失。而且，我想这个选择能够保存刷新（f5）页面。

有什么想法吗？

Answer 1

在浏览器本地存储的帮助下，您将需要共享服务或redux设置。

当用户从下拉列表中选择颜色时，selected value必须添加到共享服务或分派到商店，然后在将值添加到商店后，您需要添加到浏览器localstorage。 / p>

现在，当用户导航到新页面时，将通知所有其他组件更改，并将使用新颜色自动填充用户（如果已选择）。

localStorage.setitem("value",color)。

现在，每当用户进入页面或刷新页面时，您将首先检查localstorage是否具有值，然后显示如果没有从下拉列表中获取[仅适用于用户可以从下拉列表中选择的组件]。对于您将从商店或共享服务订阅的所有其他组件。

有关如何使用共享服务的更多信息link。

ngrx redux setup link