angularjs - 当名称字段包含点和括号时使用 Angular 验证表单

Question

要验证的表单是主详细信息，即它有两个部分。主部分包含两个字段，而详细部分最初有两行，但可以通过按 DOM 上的按钮来增加它们。表格如下所示

问题是，在详细部分，我必须使用 ng-repeat 创建输入，例如

<div class="form-group">
          <table style="margin-left:10%;">
             <tr>
                <th>Account id</th>
                <th>Amount</th>

             </tr>
             <tr class="edit-row" ng-repeat ="entry in model.Entries">
                <td>

                   <input type="text" ng-model="model.Entries[$index].AccountId" required  name="Entries[{{$index}}].AccountId"/>


                </td>
                <td>
                   <input type="text" ng-model="model.Entries[$index].Amount" required name="Entries[{{$index}}].Amount"/> 
                   <span class="field-validation-error text-danger" ng-show="transactionForm['Entries['{{$index}}'].Amount'].$invalid && transactionForm['Entries['{{$index}}'].Amount'].$dirty">
                     Amount is Required
                   </span>
                </td>


             </tr>

          </table>

       </div>

但是 ng-show 属性对于详细信息部分无法正常工作。这是因为，我在输入字段的名称中包含点(.)和方括号([)。在这种情况下我该如何执行验证。有人可能会争论更改输入的名称，但我必须在详细信息部分中对输入名称使用此约定。在当前代码中，我在 Amount 字段的 ng-show 属性中使用了括号符号，如 This SO question 中所述。 ，但无济于事。您可以在 plunker 找到完整的示例

Answer 1

你能做这样的事情吗？

       ng-show="model.Entries[$index].Amount === ''"

不要尝试检查表单值，而是检查实际模型值。假设您只是检查以确保存在空字符串以外的值，那么这将起作用。您必须使检查更具体地了解您正在寻找的内容。如果您只想允许用户输入数值，您还可以设置 type="number"。