在ng-class表达式中使用$ index和$ invalid的Angular

Question

我使用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-class表达式来同时处理$ index和$ invalid语句。

为了得到什么应该做什么，
ng-class="{ 'has-error' : userForm.firstName-$index.$invalid }"
工作？

提供了Plunker here

Answer 1

我刚刚从输入名称中删除了所有短划线，它现在按预期工作

expand

http://plnkr.co/edit/efLlNT3pUVBmENik61gU?p=preview