我有一个视图,其中几乎没有文本输入。输入的可见性可以由用户控制。当用户在应用程序中导航并返回到同一页面时,视图状态应为离开该页面(针对该用户会话)。
例如:如果页面(第二页)上有5个文本输入,则用户选择隐藏其中3个。然后他导航到第一页,当他返回到第二页时,他应该只能看到两个输入(因为他选择隐藏其他三个输入)。
在进行研究时,我遇到了使用ngrx / store进行角度状态管理的情况,这似乎可以解决这个问题,但是由于我之前没有使用角度存储的经验,因此需要采取我不知道的角度方法/状态管理。
有关正在开发的应用的小规模演示,请参见link。
谢谢你!
答案 0 :(得分:0)
一个简单的解决方案可以是在LocalStorage或SessionStorage中保持该页面(第二页)的状态
然后使用(如果)检查您是否具有状态。如果您有状态,请对视图进行绑定。
另一种解决方案是拥有一个存储内存对象并将其注入到两个组件中的服务。这样,您就可以共享数据
这样的缺点是,如果重新加载页面,则会丢失 状态。
注意:请记住,angular具有内置指令,可帮助您隐藏元素ngIf