javascript - 如何在 angularjs 中存储和检索搜索参数？

Question

我有一个 Angular 应用程序，有时我想:

• 存储当前显示页面的当前输入的表单变量。这可以是搜索词或其他用户输入。
• 如果用户返回历史记录，请确保再次使用相同的搜索参数

我查看了 ngRoute、stateProvider 和 html 历史记录，但没有找到一个好的方法。它看起来应该是相当常见的东西，所以我想我只是不明白如何做到这一点。

Answer 1

根据您的描述，我看到了几种可以做到这一点的方法。

有LocalStorage这是 supported在大多数浏览器中，即使如此，也有 polyfills为了它。这意味着您使用名称/值对进行存储。

这是一个简单的示例:

var searchParameters = {
  filters: [
    'recent'
  ],
  searchString: 'bacon'
}

// Store the value(s)
localStorage.setItem('searchParameters', JSON.stringify(searchParameters));

// Retrieve the value(s)
searchParameters = JSON.parse(localStorage.getItem('searchParameters'));

// Delete the value(s)
localStorage.removeItem('searchParameters');

根据您的流程，您可以使用浏览器历史记录堆栈。因此，如果有人搜索 bacon，那么您可以将他们发送到附加有 ?query=bacon 的页面。这将使您可以轻松维护历史记录并轻松使用后退按钮。归根结底，这一切都取决于您的应用程序的设置方式以及最佳选择。根据要求，还有其他方法可以完成此任务。例如，如果您需要跨设备同步，则需要实现服务器端组件来存储值并检索它们。