Javascript 我可以使ng模型数据在运行时隐藏和显示的多个div中可用吗？

我想在angular.js中作为注册表单的一部分使用的一些数据有问题。我将表单分为多个步骤-例如公司帐户信息，然后是管理员用户信息，最后是付款信息。这在许多web应用程序中都很常见，所以我知道这是可能的

我有三个分区，分别存放表格的每个部分，如下所示：

<div class="lc-block" id="l-register1" data-ng-class="{ 'toggled': lctrl.register1 === 1 }" data-ng-if="lctrl.register1 === 1">

<div class="lc-block" id="l-register2" data-ng-class="{ 'toggled': lctrl.register2 === 1 }" data-ng-if="lctrl.register2 === 1">

<div class="lc-block" id="l-register3" data-ng-class="{ 'toggled': lctrl.register3 === 1 }" data-ng-if="lctrl.register3 === 1">

正如您在这里可以看到的，这三个部分是隐藏和显示的，基于一些ui交互，这些交互更改变量的值以显示给定的步骤

所以这里是我的主要问题：我希望l-register1中的模型的数据在我进行第三步时仍然可用，例如，如果我在l-register1中有以下输入字段

 <input type="text" class="form-control" ng-model="client" placeholder="Company name"> 

。。。我点击下一步-我希望在第2步和第3步仍然能够检索到数据-因为在所有数据就绪后，我显然需要它，将其发送到我已经在工作的API

---

这方面的任何帮助都会很棒，我一整天都在用头撞墙，试图让它工作起来

只需将所有ng模型和相关变量放在一个控制器中，就可以根据条件变量隐藏和显示不同的div。因此，当您将所有变量引用放在一个控制器中时，它将自动保留与其关联的数据。此外，如果您希望为不同的页面使用不同的控制器，也可以实现相同的效果。在这种情况下，您需要在两个控制器之间提供服务并共享数据。只需构建维护共享对象的服务，控制器就会处理引用。我已经详细解释了。总的来说，这就是单页应用程序的全部内容。

当您更改步骤时，您是真的要转到另一页还是只是隐藏和显示这些div？我使用上面的代码来隐藏和显示div。它们都在一个控制器中-但不起作用：您能具体说明一下您的确切意思吗不起作用？有什么具体问题吗？一个plunker将是帮助您快速完成任务的额外优势。我将自己尝试解决它，我讨厌plunkr，您基本上必须重写您的应用程序才能让一个示例正常工作，而我更愿意在plunkr上花费一天时间来修复这个问题。