javascript - AngularJS:使用 URL 参数保持应用程序状态

Question

我已经对这个主题做了一些研究，但我似乎无法继续前进，很可能是因为无法使用正确的关键字来解释我的问题。

我正在使用 AngularJS 开发一个网站，其中一些用户操作需要身份验证，例如将某个项目添加到收藏夹、评论帖子、关注用户等。

每次一个人(非登录用户)尝试其中一个操作时，他都会收到一个模式提示以执行登录操作。为了更好地处理应用程序状态和一致性，我正在重新加载页面。这意味着失去用户登录前的状态。想象一下，尝试收藏一个过滤搜索结果的项目，结果通过无限滚动分页；在整页重新加载后处理所有这些信息似乎是不可行的，因为数据保存在 Controller 的 $scope 中。我正在尝试选择一个边缘案例，以便您更好地了解我的情况的严重性。

有没有办法通过将这些参数附加到 URL 并在满足所有必要条件时执行它们来保持 Angular 的状态，例如 PHP 如何处理它？<​​/p>

解决这个问题，可能会在其他情况下帮助我解决问题，例如在发送时事通讯时，我会发送一个 URL 以及供用户执行的操作，例如:

http://www.example.com/like?item=123412

意味着用户会尝试喜欢/收藏这个特定项目。如果已经登录，点赞，否则提示登录后执行。

在这个问题上，我建议使用参数方法，但你碰巧知道任何其他方法，我愿意接受任何可能为我指明正确方向的建议。

谢谢。

Answer 1

是的，查看存储空间。在 MDN 上:https://developer.mozilla.org/en/docs/Web/Guide/API/DOM/Storage#localStorage

有很多可用的 Angular 包可以为您处理这个问题。 localStorage 和 JWT 也有一些不错的 bundle 。

在 SO 上，我找到了一个很好的例子，说明如何在没有包的情况下做到这一点:https://stackoverflow.com/a/25430797/2433843 (查看 Plunker 演示)

编辑:不得不查找名称，但是 angular-locker 找到了 here有点为我解决了。我将它与用于 API 的 Laravel 开发人员 JWT 包结合使用，但如果您在搜索引擎中输入 angular storage，还有很多，例如 ngStorage (注意:不是官方的，尽管 ng 找到了 here )。