如何在角度中正确添加额外验证指令？

Question

我需要什么：我需要通过向此输入添加属性来为输入添加额外的验证。

首先，我的 plnkr 示例是 here

我尝试了什么？：我添加了指令，所以当我向输入添加属性时，输入的值正在通过正则表达式^5$ 进行验证。另外，我在输入中添加了 required 。我现在谈论的是第二个输入（输入的名称是input2）。

所以，我添加了属性“my-attribute”和“required”。当输入中没有任何内容时，我希望 myForm.item[1].$error 中有两个项目：没关系 - 有属性 myAttribute 和 required。现在，我将在 input2 中添加一些，例如“abc”，现在我希望在 myForm.item[1].$error 中只有 myAttribute 属性（因为所需的验证通过了，但 myAttribute 验证没有通过），但是有属性 @987654332 @ 和 parse 在 myForm.item[1].$error。什么是parse 属性？为什么要添加到$error？

我应该注意到，当我将 5 放入 input2 时，myForm.item[1].$error 是空的，因为 require 和 myAttribute 验证都通过了（并且这种行为是预期的）。

现在，当我清除 input2 时，属性 parse 和 myAttribute 再次出现。为什么？当字段 input2 为空时，我希望 myForm.item[1].$error 中有 required 和 myAttribute，但没有。

那么，为什么我在 $error 中得到奇怪的属性 parse 以及如何使我的示例正常工作？

表单示例代码创建于here，并且通过指令验证输入的方法是响应this post而创建的。

Answer 1

什么是解析属性？为什么它会添加到 $error 中？

当其中一个解析器返回undefined 时，Angular 会自动添加parse 属性。 来自Angular documentation：

从解析器返回 undefined 意味着发生了解析错误。不 $validators 将运行并且 'ngModel' 将不会更新，直到 解析错误已解决。解析错误存储在 'ngModel.$error.parse'。

不确定我是否在这里遗漏了一些用例，但从解析器更改 return 子句就足够了：

//For DOM -> model validation
ngModel.$parsers.unshift(function(value) {
  var valid = new RegExp("^5$").test(value);
  ngModel.$setValidity('myAttribute', valid);
  return value;
});