AngularJS：在我单击输入字段并单击输出字段之前，无效输入未被设置为无效

Question

我将输入字段设置为无效，如下所示：

$scope.formName.fieldName.$setValidity("string", false);

这样做有效，但只有在单击输入字段然后单击输出字段后才会影响视图。

如何更改它才能立即查看无效字段？

Answer 1

您需要在输入字段中附加ng-change="checker(model)"。然后只需应用ng-class来检查formName.fieldName.$error.string（因为您将字符串作为错误键），或者您也可以执行formName.fieldName.$invalid && !formName.fieldName.$pristine

我已附上此codepen供您使用，并了解如何在该字段上应用无效课程，而不必失去对它的关注。

希望有所帮助！