如何在ng-repeat中应用必要的字段验证

时间:2014-05-19 07:19:12

标签: angularjs

我的应用程序中有一个转发器,我正在尝试在转发器内的字段上添加必需的字段验证。我使用$ 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。

1 个答案:

答案 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>