javascript - 如何将当前页面(ng-grid)保存在父状态？

Question

我在父子关系中有两种状态(使用 ui-router)。它们每个都使用指令“grid”，它封装了 ng-grid。

预期的工作流程是:

1. 从父状态开始
2. 选择网格中的项目(行)
3. 点击“下一步”进入子状态
4. 根据父状态中所选项目显示包含数据的网格
5. 返回(浏览器后退按钮)
6. 选择另一个项目并重复步骤 3-5

现在的问题是，我在 ng-grid 中使用分页，因此我想在返回时记住父状态中的当前页面。由于父状态的 $scope 正在被破坏，我考虑了以下方法:

1. 将其存储在 URL 中:不是一个选项，因为我不希望浏览器的后退按钮触发分页更改。
2. 将其作为自定义数据属性存储在子级中:不好，因为我想以封装的方式使用子级(您也可以通过不来自网格来到达子级状态)。而且由于它是母国的属性(property)，这确实“感觉不好”!

我有点被困在这里，有什么干净的方法的想法吗？

谢谢

Answer 1

将当前页面存储在服务中。 Angular 服务通过 Controller 创建和销毁而持续存在。