Javascript 如何为AngularJS表单编写通用错误处理程序

这是该问题的后续问题：

因此，使用这个答案，您可以在模板中编写一些HTML，为您给出的每个$setValidity错误显示一个特定的错误。例如，这里有一个：

<input ng-model="user.lastName" required="true" id="lastNameField" name="lastName" type="text" class="span3" placeholder="Last Name"/>
<span class="inlineError" ng-show="myProfile.lastName.$error.required">Required</span>

要求的

但是，如果我想为姓氏添加一个长度必须为4个或更多的字符，我会：

<input ng-model="user.lastName" required="true" id="lastNameField" name="lastName" type="text" class="span3" placeholder="Last Name"/>
<span class="inlineError" ng-show="myProfile.lastName.$error.minRequired">Last name must be at least 4 characters long</span>

姓氏长度必须至少为4个字符

我的问题是如何为字段上的所有错误编写通用处理程序。比如：

<input ng-model="user.lastName" required="true" id="lastNameField" name="lastName" type="text" class="span3" placeholder="Last Name"/>
<span class="inlineError" ng-show="myProfile.lastName.$error.required">{{myProfile.lastName.$error.required}}</span>

{{myProfile.lastName.$error.required}

---

这是可能的吗？

您的意思是只想指出表单元素的有效性吗？ 然后，您可以执行以下操作：

<span ng-show="myProfile.lastName.$invalid">Input field is invalid.</span>

输入字段无效。

如果需要更具体一些，可以使用

ng repeat

迭代

myProfile.lastName.$error

对象并显示所有错误。 在这种情况下，您必须有一些错误名称来翻译错误消息

---

可读性。

您的意思是只想指出表单元素的有效性吗？ 然后，您可以执行以下操作：

<span ng-show="myProfile.lastName.$invalid">Input field is invalid.</span>

输入字段无效。

如果需要更具体一些，可以使用

ng repeat

迭代

myProfile.lastName.$error

对象并显示所有错误。 在这种情况下，您必须有一些错误名称来翻译错误消息

---

可读性。

这有点帮助，因为我没有意识到$invalid，但我真正指的是后面的部分，我迭代所有错误消息并显示它们。这有点帮助，因为我没有意识到$invalid，但我真正指的是后面的部分，我迭代所有错误消息并显示它们。