Angularjs 在ng类表达式中使用$index和$invalid

我使用ng repeat指令生成一组表单。 我已经设法使用

$index

为每个输入字段指定了唯一的名称

<input  ng-class="{ 'has-error' : userForm.firstName-$index.$invalid }"
    type="text"
    class="form-control"
    ng-model="passenger.firstName"
    id="firstNameId-{{$index}}"
    name="firstName-{{$index}}"
    required
    >

但是，我无法使ng类表达式与$index和$invalid语句一起工作

为了获得，

ng class=“{”有错误”：userForm.firstName-$index.$invalid}”

工作

---

提供了Plunker

我刚刚从输入名称中删除了破折号，它现在可以正常工作了

<form name='userForm'>
  <div ng-repeat="person in people">
    <input ng-class="{ 'has-error' : userForm.firstName{{$index}}.$invalid }" type="text" class="form-control" ng-model="passenger.firstName" id="firstName{{$index}}" name="firstName{{$index}}" required />
  </div>
</form>

---

我刚刚从输入名称中删除了破折号，它现在可以正常工作了

<form name='userForm'>
  <div ng-repeat="person in people">
    <input ng-class="{ 'has-error' : userForm.firstName{{$index}}.$invalid }" type="text" class="form-control" ng-model="passenger.firstName" id="firstName{{$index}}" name="firstName{{$index}}" required />
  </div>
</form>

---

ca您可以使用这个

ng class=“{”有错误“：userForm.firstName-{{{$index}.$invalid}”

，它似乎部分起作用。现在检查元素时，它会显示

ng class=“firstName-0.$invalid”

，但当输入无效时，它仍然不会更改。请在plunker上提供代码类似

firstName-1的标识符在Javascript中无效。使用
[…]
表示法：
ng class=“{'has error'：userForm.['firstName-'+$index].$invalid}”
或使用下划线代替破折号：
和
ng class=“{'has error'：userForm.firstName.$invalid}”
@UR-我已经创建了上传的文件，您可以使用这个
ng class=”{'has error'：userForm.firstName-{{$index}.$invalid}“
似乎部分有效。现在检查元素时，它显示
ng class=“firstName-0.$invalid”
但当输入无效时，它仍然不会更改。请在plunker上提供代码类似于
firstName-1的标识符在Javascript中无效。请使用
[…]
表示法：
ng class=“{'has error'：userForm。['firstName-'+$index].$invalid}
或使用下划线代替破折号：
和
ng class=“{”有错误”：userForm.firstName_u$index.$invalid}
@UR-我已经创建了上传的plunker，它可以工作！另外，我通过用下划线替换破折号来工作。您还可以澄清为什么没有花括号，
$index
就不能工作吗？它可以工作！另外，我通过用下划线替换破折号来工作。您还可以澄清为什么
$index
不能工作吗没有花括号不行吗？