Angularjs 如何在ng中继器中应用所需的字段验证

Angularjs 如何在ng中继器中应用所需的字段验证,angularjs,Angularjs,我的应用程序中有一个转发器,我正在尝试在转发器内的字段上添加所需的字段验证。我使用$index生成字段的id/名称 表单名为IPForm,在ng类中用于突出显示错误。请参阅下面的代码快照 <tr ng-repeat="ClaimData in ClaimInfo"> <td> <div ng-class="{ 'has-error' : IPForm.DateOfLoss{{$index}}.$invalid }"> <input

我的应用程序中有一个转发器,我正在尝试在转发器内的字段上添加所需的字段验证。我使用$index生成字段的id/名称

表单名为IPForm,在ng类中用于突出显示错误。请参阅下面的代码快照

<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

或者,您可以使用
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>