Javascript Angularjs验证和突出显示ng repeat内的输入

在这里使用angularjs。 我有一个表，在这个表中，单击+按钮时，使用添加由2个输入文本组成的动态行。一旦他们完成添加行上的完成提交按钮，我想验证输入。我确实看到我的验证启动正常，但没有突出显示有错误的行。这是我的密码：

 <table class="table table-borderless" ng-if="options.length>0">      
        <thead>
            <tr>
                <td class="bold">Key</td>
                <td class="bold">Value</td>
            </tr>
        </thead>
        <tbody style="border: none;">
            <tr ng-repeat="m in options">
                <td ng-class="{ 'has-error': paramForm['ctrlKey_' + {{$index}}].$invalid && (paramForm['ctrlValue_' + {{$index}}].$touched || paramForm.$submitted) }">
                    <input type="text" name="ctrlKey_{{$index}}" class="form-control" ng-model="m.optionText" required />                        
                </td>
                <td>
                    <input type="text" class="form-control" ng-model="m.optionValue" required />
                </td>
                <td>
                    <a class="btn btn-xs" ng-click="Remove($index)"><i class="glyphicon glyphicon-trash"></i></a>
                </td>
            </tr>
        </tbody>
    </table>

这里少了什么

更新：

---

我创建了一个JSFIDLE:

他们在HTML5中添加了一个新功能，用于输入验证。只需将以下内容添加到任何输入标记：

<input required>

文档和示例

---

首先在表单中移动按钮

其次，您定义的输入名称与TD ng类中使用的名称不匹配

---

请更正这些内容并告知。

您为什么要硬编码表格？@SDH抱歉，我听不懂您在说哪一行？其他人可以了解一下吗？您显然不想列出，但关键是您的方法是错误的。Angular JS是基于MVC模型-视图-控制器标准建模的。模型用于您的数据。视图是显示数据的位置。控制器是处理事件和业务逻辑的地方。您需要在模型中处理数据，而不是像您试图做的那样在视图中处理数据。如果您能够解释您试图对输入验证执行的操作，我可以为您提供更多帮助。您正在尝试进行哪种类型的验证？存在冲突。我会调查的

<input required>