1

我有一个视图,我的文本输入很少。输入的可见性可以由用户控制。当用户浏览应用程序并返回到同一页面时,视图的状态应该与他离开页面时一样(对于该用户会话)。

例如:如果页面上有 5 个文本输入(第二页),用户选择隐藏其中的 3 个。然后他导航到第一页,当他返回到第二页时,他应该只看到两个输入(因为他选择隐藏其他三个)。

在进行研究时,我遇到了使用 ngrx/store 的角度状态管理,这似乎有助于解决这个问题,但是需要采用我不知道的角度方式,因为我之前没有使用角度存储/状态管理的经验尤其是。

请参阅链接 以获取正在开发的应用程序的小型演示规模表示。

已经谢谢你了!

4

1 回答 1

0

一个简单的解决方案可能是在LocalStorageSessionStorage中维护该页面(第二页)的状态

然后使用(如果)检查您是否有状态。如果您有状态,请与视图绑定。

另一种解决方案是拥有一个存储内存对象并将其注入两个组件的服务。这样您就可以共享数据

这样做的缺点是,如果您重新加载页面,您将失去状态。

注意:请记住,angular 有内置指令可以帮助您隐藏元素ngIf

于 2018-11-23T06:38:56.833 回答