javascript - 如何使用 Angular ui-router 在状态之间传递数据？

Question

我本来没打算用ui-router做这个项目(2天前才知道)，所以我对这个很陌生。

我对这个问题的看法是:

1. 图像列表模板，使用 ng-repeat 显示，并从 Controller 中调用的服务获取 img-src。该服务从 json 文件获取源。

2. 图像编辑器模板。此 Controller 应获取在图像列表中单击的图像的图像源。

如何将图像源从一种状态(图像列表)传递到另一种状态(图像编辑器)？

当我假设我不会使用 ui-router 及其状态时，我正在使用一项服务来做到这一点。我该如何处理状态？

Answer 1

因此，我找到了一种简单高效的数据传递方式，到目前为止，这对我的所有案例都有效。 (包括与原题中提到的场景不同的场景)

在第一个状态的 Controller 中，state1，我可以直接调用函数

$state.go('state2', {id: self.value} );

而在state2中，我可以通过下面的代码获取值:

this.state2value = $state.params.id;

因此可以将 value 从一种状态传递到另一种状态，并通过状态参数检索它。

注意:您应该将 $state 和 $stateParams 注入(inject)两个 Controller 。