ng-repeat 中的 ng-class 具有动态 ng-model答案

【问题标题】：ng-class within ng-repeat having dynamic ng-modelng-repeat 中的 ng-class 具有动态 ng-model
【发布时间】：2014-02-26 15:55:17
【问题描述】：

我正在使用 ng-repeat 遍历字符串数组

<div ng-repeat="i in mdsecuritysensorswsize">

在那里我有一个带有“动态模型”的必需选择

ng-model="valueBag[i+'sizes']"

现在我想添加一个 has-error 类，如果选择为空（应用 bootsrap3 错误样式）

ng-class="{'has-error': myForm.valueBag[i+'sizes'].$invalid, 'has-success': !myForm.valueBag[i+'sizes'].$invalid}"

但这似乎不适用于这样一个动态的 ng-model 名称。

完整代码如下：

<div ng-repeat="i in mdsecuritysensorswsize">
  <div class="form-group">
    <div class="col-md-2"
         ng-class="{'has-error': myForm.valueBag[i+'sizes'].$invalid, 'has-success': !myForm.valueBag[i+'sizes'].$invalid}"
         >
      <select class="form-control" required
          ng-options="resText[j] for j in mdsecuritysensorswsizesizes2"
          ng-model="valueBag[i+'sizes']"></select>
     </div>
   </div>
</div>

我错过了什么吗？

【问题讨论】：

尝试使用$index 而不是i 来访问您的数组元素，看看this answer
请贴出控制器的代码。
如果您动态创建表单输入，当您尝试访问myForm.valueBag[i+'sizes'].$invalid 时，此代码将出现问题@ 如果您动态创建表单输入，请在此处查看我的指令以解决此问题：@ 987654322@

标签： angularjs twitter-bootstrap-3

【解决方案1】：

来自 cmets 的这个完成了这项工作：

如果您动态创建表单输入，当您尝试访问 myForm.valueBag[i+'sizes'].$invalid 时，此代码将出现问题如果您动态创建表单输入，请查看我的指令来解决此问题这里的问题：stackoverflow.com/questions/21455695/... – Khanh TO 2 月 3 日 10:04

AngularJS dynamic form field validation

谢谢@Khanh TO

【讨论】：