Javascript AngularJs使用ng模型时需要将输入设置为ng无效

我有一个表格，上面有很多输入，只需要一次验证。我有一个css规则。form-control.ng-dirty.ng-invalid-required需要设置文本为红色。当页面加载时，一切都很好，因为它们有ng pristine类，并且这些输入的所有ng模型都被设置为相应的输入值，但是这些输入从一开始就获得ng无效ng无效必需类的次数不是100%。当我开始输入时，输入变为红色，因为它将类ng dirty附加到ng invalid。我不明白为什么AngularJS将我的输入设置为无效，而整个表单得到$valid true。输入变为有效的唯一方法是删除整个字符串并重新开始键入

开始键入时，我的输入如下所示：

<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required ng-valid-required ng-touched" ng-model="textEn" required="" ondrop="drop(event)" ondragover="allowDrop(event)">

在模板上，它看起来像：

<input type="text" class="form-control" ng-model="textEn" required ondrop="drop(event)" ondragover="allowDrop(event)">

---

有没有办法解决这个问题？

那你想要什么？验证应该如何工作？在完整的页面重新加载ctrl+f5时是否会发生这种情况？能否在JSFIDLE/plunkr中重现这种情况？