【问题标题】:Angular: Best way the show the correct page over overview pageAngular:在概览页面上显示正确页面的最佳方式
【发布时间】:2019-04-30 16:55:33
【问题描述】:

我有一个由寻呼机分隔的概览页面(见图):

当我点击概览中的一个项目时,我会被转到一个新页面。 在概览中保存您所在页面的最佳做法是什么。

这是通过按钮链接中的页面吗?还是由 getter 和 setter?

有人给点建议吗

非常感谢!

【问题讨论】:

  • 你可以使用ngrx,它在angular中实现redux,让你的商店保存“当前”页面,或者你也可以使用浏览器的本地存储

标签: angular pagination


【解决方案1】:

没有最好的方法,取决于对你来说可行的方法。

一种方法是使用appropriate url paramater 使其成为url 的一部分。这样,状态由路由器自己管理,与 URL 中保存状态的想法非常吻合。您可以通过深度路由将 URL 发送到页面级别。易于维护和调试。也很容易与浏览器后退按钮配合使用。缺点是 url 中的一个额外参数使其

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

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

【讨论】:

  • 非常感谢,这真的很有帮助
猜你喜欢
  • 2017-02-01
  • 1970-01-01
  • 2015-11-14
  • 1970-01-01
  • 2013-12-09
  • 1970-01-01
  • 2019-12-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多