1

我的应用程序中有一个页面，其中包含一个多步骤表单。为了实现这一点，我在单独的选项卡中有 3 个表单。然后，当您的表单成功验证时，js 只允许您继续下一步。

第一种形式运行良好，我在第二种形式上也使用了相同的结构（如下所示）。

<div class="stepped-content" ng-show="steps[steps_index.yourDetails].active">
  <form name="yourDetails" class="form-horizontal vs-onsubmit" ng-submit="submitForm('yourDetails')" novalidate>
    <div class="form-group" ng-form="organiser_name">
      <label class="col-sm-4 control-label">Event organiser</label>
      <div class="col-sm-8">
        <input class="form-control" type="text" name="organiser_name" ng-model="event.organiser_name" placeholder="You or your company's name." ng-required="true" />
        <div ng-messages="yourDetails.organiser_name.$error">
          <div ng-message="required">Please tell us who is organising this event.</div>
        </div>
      </div>
    </div>
  </form>
</div>

但是，当我打印出来时，{{ yourDetails.organiser_name | json }}它是未定义的。{{ yourDetails }}本身是定义的：

{
  "$error": {},
  "$name": "yourDetails",
  "$dirty": false,
  "$pristine": true,
  "$valid": true,
  "$invalid": false,
  "$submitted": false
}

我很难看出我写的东西有什么问题，所以也许我错过了一条规则，该规则不允许有多个角度的形式？

谢谢

4

1 回答 1

0

不超过一种形式，但形式的名称将用于将其FormController放到范围内。

如果您有两个或多个具有相同name属性的表单，则处理的最后一个表单将覆盖之前的表单。

于 2015-02-03T14:22:32.873 回答