Angularjs - ng-invalid некорректно работает с выбранным элементом внутри таблицы ng-repeat

<td level = "{{taskCtrl.level}}" check-permissions = "noCommercial" ng-if = "tEl.id_subtype==1 || tEl.id_subtype==2 || tEl.id_subtype==9 || tEl.id_subtype==10"> 
                    <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>
                </td>

Состояние по умолчанию для td выше - ng-valid, несмотря на то, что в списке селекторов не выбрано ни одной опции. В результате ng-required не отключает кнопку отправки.

Однако, когда вы выбираете параметр и затем щелкаете обратно в N.A. (параметр заполнителя), элемент становится недействительным .ng и форма отправки отключается по желанию. Оно работает!

Я знаю, что это как-то связано с ng-repeat, и я предпринял различные попытки решить эту проблему, заключив строку таблицы в форму, как это предлагается в различных сообщениях здесь.