Question

我正在使用ng-repeat

迭代一串字符串

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

在那里我有一个'动态模型'所需的选择

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

现在我想添加一个has-error类，如果select为空（应用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>

我在这里错过了什么吗？

Answer 1

这是评论中的工作：

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

AngularJS dynamic form field validation

THX @Khanh TO

具有动态ng模型的ng-repeat中的ng-class

1 个答案: