0

假设我的单页应用程序有很多视图。这意味着,我在 div 中放置了一些视图,并根据用户的操作显示这个或那个视图。所以,我通常一次显示在视图中。例如,我有这些视图-仪表板设置条目条目详细信息

根据应用程序的当前状态,这些视图之一可见,而其他视图不可见。当我走这种方式仪表板>条目>条目详细信息,然后编辑一些条目详细信息并单击保存返回按钮时,我希望应用程序返回条目。但是,如果我在仪表板上有一个链接,例如转到最新编辑的条目,我可以这样使用仪表板>条目详细信息,在这种情况下,我想通过单击保存返回按钮返回仪表板。

随着更深的视图路径,这种情况可能会变得更加复杂。现在我像这样管理它 - 当一个负责视图切换的按钮被单击时,变量state被更改为类似from_dashboard_to_entries. 我监听该变量的变化,然后根据state变量值从另一个函数切换所有视图。这样我必须手动定义所有可能的场景并测试所有可能的案例组合。现在这种方法效果很好,但我担心更深或更长的视图序列。

我的想法是以某种方式在数组或其他东西中创建视图历史,但我不清楚如何做得更好。请分享你的想法,你将如何组织这个。

4

2 回答 2

0

根本不用担心源视图——您不必知道它就可以更改为目标视图。如果您想要历史记录,而不是手动存储它,请考虑使用HTML5 History API,最好使用包装库(例如History.js)。

于 2013-06-14T09:07:29.223 回答
-2

相反,我们应该在更改应用程序状态的同时设置视图。这可以通过在启动时不加载所有视图来优化初始应用程序启动时间,并为按需加载提供一种方式。

于 2013-12-17T12:11:38.013 回答