2017-09-13 36 views
0

我设置输入字段从JavaScript这样的无效:AngularJS:无效的输入不称呼为无效,直到我点击输入字段并点击它

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

这是工作,但它影响只有在输入字段中单击并单击后才能查看该视图。

我该如何改变它以立即查看无效字段?

+0

这里没有足够的信息,例如什么是“字符串”定位? '需要'? – RamblinRose

+0

这没关系 – jannagy02

回答

1

您需要将ng-change="checker(model)"附加到您的输入字段。然后,只需申请一个ng-class给它检查formName.fieldName.$error.string(因为你把字符串作为错误键),或者你也可以做formName.fieldName.$invalid && !formName.fieldName.$pristine

我在此附上这codepen你一起玩四周,看看如何申请无效无需专注于该领域。

希望有帮助!

+1

感谢您的回答。 ng-class =“{'invalid':formName.fieldName。$ error.string}”正在工作。我接受这个答案,但我已经解决了它的不同:$ scope.formName。$ setSubmitted();还将无效样式设置为无效字段。 – jannagy02