Javascript 如何在angualrjs中构建多步骤表单?

Javascript 如何在angualrjs中构建多步骤表单?,javascript,forms,angularjs,Javascript,Forms,Angularjs,我的模板中有以下代码,我使用ng include加载表单。表单有1个字段,用户在其中输入数字。当用户提交时,我想加载另一个表单,该表单将替换当前表单&将显示用户输入的文本字段数。 在我的控制器中,我正在获取下一个表单的html,但我仍然显示当前表单。我不知道这样做是否正确 <div class="row text-center white"> <div class="col-md-4 col-md-offset-4"> <h2>Welcome<

我的模板中有以下代码,我使用ng include加载表单。表单有1个字段,用户在其中输入数字。当用户提交时,我想加载另一个表单,该表单将替换当前表单&将显示用户输入的文本字段数。 在我的控制器中,我正在获取下一个表单的html,但我仍然显示当前表单。我不知道这样做是否正确

<div class="row text-center white">
<div class="col-md-4  col-md-offset-4">
    <h2>Welcome</h2>        
    <div class="slide-animate" ng-include="'template_1'"></div>
</div>

欢迎

只需一步一个控制器+一个模板。 每次步骤完成时,将步骤数据保存在sessionStorage或非持久性服务中,并通过转到下一个控制器显示下一步

在步骤结束时,将所有步骤数据发送到服务器。。 不要忘记在正确的时间清理存储的数据,以防止永远显示最后键入的值


非常简单

“通过更改应用程序路径显示下一步”。你在这里的确切意思是什么?好吧,只是一个基本的命令,以便转到下一个控制器(步骤)。编辑post.Ok。知道了。现在可以了。但问题是路线强制渲染整个视图。如果您在上面看到我的代码,那么除了ng include之外,我希望其余的代码在所有页面上都可用。所以,我只想用新的表单替换ng include div。“我希望所有页面上都有剩余的代码”你能澄清一下吗?如果存储数据并转到上一步,则可以按原样检索/构造视图。另一种选择是将所有步骤放在一个视图中,如果您误解了,只需ng show ng根据您的要求隐藏正确的步骤。我只想更改表格。这就是我使用ng include的原因。其余的元素,如页眉和页脚,应该是相同的。更改管线时,整个视图都会更改。在这种情况下,我必须在我的新路线模板中包括页眉和页脚。如果有一个不改变路线的解决方案,我会很好。