我有一些数据的问题，我想在angular.js中使用作为注册表单的一部分。我将表单分成多个"步骤"—例如公司帐户信息，然后是管理用户信息，最后是付款信息。这在许多web应用程序中很常见，所以我知道它必须是可能的。
我有三个div来存放表单的每个部分，如下所示:
<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-model和相关变量放在一个控制器中，就可以根据条件变量隐藏和显示不同的div。因此，当您将所有变量引用放在一个控制器中时，它将自动保存与之相关的数据。此外，如果您想为不同的页面使用不同的控制器，您也可以实现相同的。在这种情况下，您需要在两个控制器之间创建服务并共享数据。只需构建维护共享对象的服务，控制器就会处理引用。我已经在这里详细解释了。总而言之，这就是整个angular所要做的单页应用。