我有一个嵌套在另一个 <div>
中的输入字段元素,我尝试在该内部输入字段上使用 ngMessages,但我似乎无法正确验证它。
<div class="form-group" ng-model="object.idnumber" ng-hide="condition.userObjectsHidden">
<label class="form-control-label col-lg-12">ID Number</label>
<div class="col-lg-12">
<input type="text" name="idnumber" placeholder="111001111"
ng-model="user.idnumber"
ng-pattern="idpattern"
class="form-control input-lg"
required="required"></input>
<div ng-messages="idnumber.$error" ng-if="idnumber.$dirty">
<p ng-message="pattern">You are wrong!</p>
</div>
</div>
</div>
我不确定 <div ng-messages...>
的功能是否重要。标签是,但我也尝试将其完全放在该元素之外,并获得相同的结果。如果我正确理解 Angular 和 ngMessages,我需要分配 ng-messages
指令--$error
在这种情况下,我可以通过点遍历 name
来到达作业。据我所知,我已经用 idnumber.$error
做到了这一点,尽管公平地说,我还尝试使用 kiosk-form.uin.$error
进行更广泛的点遍历。 ,其中kiosk-form
是整个表单的名称。
我已经尝试了 ng-message="pattern"
以及 ng-message="required"
。另外,为了清楚起见,idpattern
在我的 Javascript 文件中定义为正则表达式字符串。它的定义是正确的。
最佳答案
将您的表单重命名为 kioskForm
,然后将 ng-messages ="kioskForm.idnumber.$error"
关于javascript - ngMessages 无法与嵌套输入正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38438228/