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

How can I build multi-step form in angualrjs?

本文关键字:表单 构建 angualrjs      更新时间:2023-09-26

我有下面的代码在我的模板,我使用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或非持久化服务中,并通过转到下一个控制器显示下一步。

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

非常直接