我的应用程序中有一个转发器,我正在尝试在转发器内的字段上添加必需的字段验证。我使用$ index来生成字段的id / name。
表单名称是IPForm,在ng-class中使用以突出显示错误。请参阅下面的代码快照,
<tr ng-repeat="ClaimData in ClaimInfo">
<td>
<div ng-class="{ 'has-error' : IPForm.DateOfLoss{{$index}}.$invalid }">
<input type="text" id ="DateOfLoss{{$index}}" name="DateOfLoss{{$index}}" class="datefield form-control" ng-model="DateOfLoss"
required />
<span ng-if="IPForm.DateOfLoss{{$index}}.$invalid" class="help-block">Please enter Date of
Loss.</span>
</div>
</td>
</tr>
问题是它根本不起作用。我认为它无法评估IPForm.DateOfLoss {{$ index}}。$ invalid。
答案 0 :(得分:3)
或者,您可以使用ng-form
指令来处理表单验证,这是一种更清晰的解决方案。
e.g。
<tr ng-repeat="ClaimData in ClaimInfo" ng-form="subForm">
<td>
<div ng-class="{ 'has-error' : subForm.DateOfLoss.$invalid }">
<input type="text" id ="DateOfLoss{{$index}}" name="DateOfLoss" class="datefield form-control" ng-model="DateOfLoss"
required />
<span ng-if="subForm.DateOfLoss.$invalid" class="help-block">Please enter Date of
Loss.</span>
</div>
</td>
</tr>