Angularjs一步一步的形式

时间:2016-08-21 10:52:26

标签: angularjs forms

我正在尝试创建与此小提琴中给出的完全相同的形式  steb by step angular form

但是每当我点击第一步中输入的下一个按钮数据就会重置..我该如何防止这种情况?在提交时,所有数据在javascript中读取时都是未定义的。

请帮帮我..

1 个答案:

答案 0 :(得分:1)

在您提供的JsFiddle代码中,您没有保留用户数据,这意味着数据绑定到控制器中的任何内容。因此,当离开该部分时,数据将被删除。

要保留数据,请进行以下更改:

// In your controller add the following object to the $scope
   $scope.user = {}

// In your HTML code add the following to your input fields
   <input type="text" id="teamName" ng-model="user.teamName" placeholder="Team Name" />

请注意ng-model字段中的input标记,这是将数据绑定到控制器中用户对象的内容

继续工作JsFiddle,请注意我只更新了团队名称字段。在“团队名称”字段中键入内容并转到下一部分,它将保留您的数据。您需要更新剩余的字段。