为什么ng-show不遵守该字段。$ invalid condition

Question

我需要一个表单，当它变脏时显示错误，并且根据正则表达式模式无效，但这似乎不起作用。即使从检查元素

检查时存在无效类

<form name="billingAddress">
  <input type="text" ng-model="billingAddress.firstName" name="firstName" ng-pattern="nameRgx" required/>
  <label ng-show="billingAddress.firstName.$invalid && billingAddress.firstName.$dirty">Invalid</label>
</form>

plunkr

Answer 1

请检查plunker我已解决您的问题。

您需要不同的表单名称，

 <form name="billingAddressx">

<label ng-show="billingAddressx.firstName.$invalid || billingAddressx.firstName.$error.required">Invalid</label>

这里billingAddressx.firstName.$invalid通过考虑检查输入的无效状态  表格名称= billingAddressx  输入名称= firstName