Angularjs 如何在ng中继器中应用所需的字段验证
我的应用程序中有一个转发器,我正在尝试在转发器内的字段上添加所需的字段验证。我使用$index生成字段的id/名称 表单名为IPForm,在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
<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>