angularjs - 父表单中的angular.js ng-form子表单验证错误

Question

我有一个表格。

<form class="form-horizontal" name="canForm" ng-submit="stepSubmit()" novalidate>

如上所述，它被称为“canForm”。

在这个表单中.. 我需要一个重复的需求块的子表单。

我定义了这个表格

<div ng-form="licencesForm">

在上面的“canForm”中。

当我提交 licencesForm对于我的重复块，我确保设置 form.$setPristine()在 Controller 中。

但是，当我提交主要 canForm 时，此表格在 required 上找到我的子表单中的字段并说主表单无效。

我不明白这。 ng-form 指令应该是一个独立的范围，父表单不应该接受这个子表单中字段的验证要求，对吗？

如果子表单有效，主表单也应该有效，不是吗？

见 http://plnkr.co/edit/gkbJNAV95MQ9SGLeMvlg?p=preview

当您在子表单中添加内容时，它会将表单设置为 $setPristine() 并且子表单有效但单击提交主表单表示即使子表单有效，表单也无效？

Answer 1

如果有父表单和子表单，那么父表单只有在所有子表单都有效时才有效。

    <form class="form-horizontal" name="canForm" ng-submit="stepSubmit()" novalidate>

并且有一个子表单

    <div ng-form="licencesForm">

那么只有当所有 licencesForm 都有效时， canForm 才有效。