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()在控制器中进行了设置。

但是，当我提交 main 时canForm，此表单会选择required我的子表单中的字段，并说主表单无效。

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

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

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

score 7 · Accepted Answer

如果有父表单和子表单，则只有当所有子表单都有效时，父表单才有效..

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

并且有一个子表单

    <div ng-form="licencesForm">

那么 canForm 只有在所有 licensesForm 都有效时才有效。

1 回答 1