angularjs - 如何从嵌套表单访问 $error

Question

我有一个主窗体和另一个 subForm .我如何访问 $error子窗体但不必直接引用子窗体名称？

我希望能够显示 name is required (例如)而不仅仅是知道表单的名称。

这是我的问题的演示:http://plnkr.co/edit/QWZArI1UFPpJdjoK8eVn?p=preview

Answer 1

好吧，我不是 100% 确定我理解你的问题，但我想我明白了，所以这里有一个小插曲:

有几种方法可以访问子表单的错误，但似乎都需要ngForm 的名称。 .

假设这种结构:

<form name="parentForm">
  <ng-form name="childForm"></ng-form>
</form>

你知道你可以通过 $scope.childForm.$error 访问它，但鲜为人知的是它也附加到父窗体。您可以通过 $scope.parentForm.childForm.$error 访问它，但显然，这不好，因为您仍然需要名称。

您可能会变得笨拙并遍历父表单上的属性并尝试分辨哪个是子表单并从那里开始。

最后，正如我们在 Twitter/GitHub 上讨论的那样，我有一个指令可以为你做一些这样的魔法。它确实有一个无法正确处理嵌入表单的错误，但我修复了它。查看我的指令的新版本，该版本试图简化使用 Angular 处理错误的过程:

https://github.com/CWSpear/angular-form-errors-directive

我添加了显示所有 child 的所有错误的功能 ngForms带有旗帜在 v1.3.0 .