javascript - 表 ng-repeat 的输入验证

Question

我正在使用 angularJs 应用程序制作应用程序，我有一个表，其中我在 td 中使用 ng-repeat 和 texbox 现在我想验证 texbox 所以我使用了 ng-form和 ng-class 但我收到无效的表达式错误

我的代码是

<input name ="abc-pqr-{{item.id}}" 
    ng-model="something"
   ng-class="{'has-error':formName.abc-pqr-{{item.id}}.$dirty}">

但是没用，我试过了

<input name ="abc-pqr-{{item.id}}" 
   ng-model="something"
   ng-class="{'has-error':formName[abc-pqr-{{item.id}}].$dirty}">

那也没用

有人可以建议我正确的存档方式吗提前致谢

Answer 1

• 语法错误，你应该使用 ng-class="{...}" 而不是 ng-class=:{...}

• 您必须引用输入名称，即 ng-class="{'has-error':formName['abc-pqr-{{item.id}}'].$dirty}" 您实际上指的是一个名为 abc-pqr-xx

的(不存在的)变量

• 当您引用 $dirty 时，输入必须有一个 ng-model

正确的标记可能如下所示:

<input name="abc-pqr-{{item.id}}"
   ng-model="item.value"  
   ng-class="{'has-error':formName['abc-pqr-{{item.id}}'].$dirty}">