如何验证使用 ng 重复、ng 显示(角度)动态创建的输入
2022-08-30 02:04:59
我有一个使用ng-repeat创建的表。我想向表中的每个元素添加验证。问题是每个输入单元格都与其上方和下方的单元格具有相同的名称。我试图使用该值来命名输入,但是尽管HTML中的字符串文本看起来是正确的,但它现在正在工作。{{$index}}
这是我现在的代码:
<tr ng-repeat="r in model.BSM ">
<td>
<input ng-model="r.QTY" class="span1" name="QTY{{$index}}" ng-pattern="/^[\d]*\.?[\d]*$/" required/>
<span class="alert-error" ng-show="form.QTY{{$index}}.$error.pattern"><strong>Requires a number.</strong></span>
<span class="alert-error" ng-show="form.QTY{{$index}}.$error.required"><strong>*Required</strong></span>
</td>
</tr>
我已尝试删除来自索引,但这也不起作用。截至目前,输入的验证属性工作正常,但不显示错误消息。{{}}
有人有什么建议吗?
编辑:除了下面的精彩答案外,这里还有一篇博客文章,更详细地介绍了这个问题:http://www.thebhwgroup.com/blog/2014/08/angularjs-html-form-design-part-2/