在不同的 UI 状态之间共享表单数据

Share form data between different UI states

本文关键字：之间共享表单数据状态 UI 更新时间：2023-09-26

我对angularJs很陌生。我有两个不同 UI 状态（URL）的表单，分别是步骤 1 和步骤 2。我应该填写步骤 1 并按 NEXT 按钮进入步骤 2，填写后会给出提交按钮。在此步骤中，两种形式的组合 JSON 将发送到服务器。对于 NEXT 按钮，我只是简单地使用了 $state.go（form_2_url）;但是当下一页表单出现时，到目前为止从表单 1 构建的所有 JSON 都将丢失。如何在各州之间共享数据？我已经为这两种状态使用了一个通用控制器。

如何在AngularJS中完成此操作？

您可以通过 ui 路由器设置中的 params： {} 选项将数据从状态 1 传递到 state2。在 state2 的控制器中，获取该数据，使其准备好与 state2 数据合并，以便最终提交。

使用服务在两个控制器中设置和存储数据并将其注入。

官方服务文档。