Angularjs 在angular js中显示验证错误消息

我有一个表，其中的行使用ng repeat进行复制。每行都有一个值文本和一个显示错误消息的文本。所以这些也将被复制。验证输入时将显示错误消息

字段是必需的！
输入有效的分隔符！

将您的代码更改为此。应该行得通

<tr ng-repeat="validationRule in form.validationRules">
  <td>
    <input type="text" name="delimiter[$index]" 
           ng-pattern="/^(?:([^A-Za-z0-9_\s])(?!.*?\1))+$/" 
           maxlength="1" title="Enter the delimiter!" 
           ng-model="validationRule.delimiter" 
           style="width: 20px;" required />
    <span ng-show="appForm.delimiter[$index].$dirty && appForm.delimiter[$index].$invalid"> 
       <span style="color: red" 
             ng-show="appForm.delimiter.$error.required"
         class="help-block">Field is required!
       </span>
       <span style="color: red" 
             ng-show="appForm.delimiter[$index].$error.pattern" 
             class="help-block">Enter valid delimiter!
       </span>
    </span>
  </td>
</tr>

字段是必需的！
输入有效的分隔符！

不，它不工作。我甚至尝试了分隔符[{{$index}}]，但也不起作用。将分隔符[{{$index}}]放在两个span上也不起作用。我在之前的评论中提到过。我想试试别的办法。