angularjs ng-invalid ng-repeat元素

Question

我有一个表单，它为选择下拉列表中的元素分配了一个默认状态ng-valid。经过大量研究，它似乎与ng-repeat有关。

<select id="vpo_{{$index}}" name="vpo_{{$index}}" class="form-control np fs-small" 
                    ng-options="item.id as item.es for item in mainCtrl.vpo"
                    ng-model="tEl.vpo"
                    ng-required="true"
                    ng-change="taskCtrl.toggleVpo(tEl);">
                    <option value="">N.A.</option>
</select>

因此，您可以提交表单，其中选择下拉列表保持不变且未被选中。但是，如果选择一个选项，然后再次选择默认值N.A.该字段将变为无效，并且禁用提交按钮。它有效！

因此，我试图将所有具有N.A.的实例的类更改为ng-invalid。

vm.taskEl.map(function(element, index) {

        if(element.vpo == 0) {
            console.log("N/A!!!");
            // class changing function goes here
        }
    });

我正在努力通过id获取相关元素，以便将类更改为ng-invalid。我相信它与实例的索引有关。我已经尝试使用$ index和map函数获取索引但没有成功......

例如：

document.getElementById("vpo_"+index).classList.add('invalid');