Angular：在概述页面上显示正确页面的最佳方式

Question

我有一个由寻呼机分隔的概述页面（见图）：

当我点击概述中的项目时，我会被路由到新页面。保存在概述中的哪个页面的最佳做法是什么？

这是按钮链接中的页面吗？或者是吸气者和二传手？

有人有一些建议

多谢！

Answer 1

没有最好的方法，取决于什么是可行的。

一种方法是使用appropriate url paramater使其成为url的一部分。这样，状态由路由器本身管理，并且与URL中保留的状态一致。您可以使用深度路由将URL发送到页面级别。易于维护和调试。使用浏览器后退按钮也很容易。下行是一个额外的网址，使其变得难看

另一种方法是将表状态持久保存在本地/会话存储中。这基本上是缓存，会带来缓存和缓存失效的所有复杂性。此外，应用程序的状态部分来自路由器，部分来自存储在持久存储中的状态。一些数据组件支持发出状态并通过设置标志在会话/本地中保持相同，您可以浏览它们并使用其中一个。当涉及到同一页面或不同页面中的多个表时，您必须小心管理每个表的唯一状态。

另一种方法是使用redux来管理状态，你可能必须使用ngrx / store。不确定它与URL和浏览器导航的集成程度。此外，如果您还没有使用redux，这可能是一个陡峭的学习曲线，并使用强大的状态管理库来完成一项简单的任务。如果你使用redux，最好在整个应用程序中使用它。