Question

我有像这样的标记

form
  input
  input
  ngForm
    input
  submit

ngForm内的输入具有ng-required属性，其值设置为false。范围检查员确认了这一点，并且DOM通过显示它没有required属性来确认这一点。

ngForm有效并且有ng-valid个等级。其中的输入有效且具有类ng-valid。对于父表单中的所有其他输入也是如此。

由于某些原因，虽然父表单无效，并且包含ng-invalid和ng-invalid-required类。

为什么，可能导致此问题的原因以及如何解决？

如果我在控制台中执行$('.ng-invalid')，则唯一的结果是父表单。这向我确认页面上没有其他字段无效。

表单控制器的$ error对象看起来像

{
  required: [
    {
      $error: {
        required: true
      },
      $invalid: true,
      ...
    }
  ]
}

嵌套的方式有点令人担忧。但我无法证实这是一个问题。

如果我在输入中输入单个字符，表单仍然无效。但是如果我在输入中插入第二个字符，那么表单就会变为有效！什么！？