如何在angularjs中构建多步形式?

时间:2014-03-20 09:27:39

标签: javascript forms angularjs

我的模板中有以下代码,我使用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>

1 个答案:

答案 0 :(得分:0)

Juste有一个控制器+一个模板。 每次完成一个步骤,将步骤数据保存在sessionStorage或非持久性服务中,然后通过goiing到下一个控制器显示下一步。

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

非常直接