Таблица подсветки AngularJS с ng-repeat, содержащая выпадающий список

Question

У меня есть некоторые элементы управления в моем ng-repeat.Одним из них является раскрывающийся список, как показано ниже.При нажатии кнопки я проверяю обязательное поле и хочу выделить ячейку таблицы с ошибкой.Для выпадающего списка я не могу выделить ячейку таблицы или элемент управления.Код, как показано ниже.

<tr ng-repeat="data in myData">
    <td>
        <select class="form-control" ng-required="true" ng-options="env for env in types" ng-model="data.type">                 
            <option value="">Select</option>
        </select>
    </td> 
 </tr>

Но для текстового поля я могу сделать ниже, и это делает основные моменты:

<td ng-class="{ 'has-error': myForm['input_' + {{$index}}].$invalid && (myForm['input_' + {{$index}}].$touched || myForm.$submitted) }">
    <input type="text" name="input_{{$index}}" required ng-model="data.input" class="form-control" />
  </td>

Выше код отлично работает для текстового поля, и я вижу красный подсветка, но еслиЯ использую тот же код, что и для моего TD, он не работает.

Любые входные данные, пожалуйста.

Answer 1

Тэгу select нужно имя.Состояния проверки в AngularJS требуют, чтобы элемент формы имел имя:

<td ng-class="{ 'has-error': myForm['input_select_' + {{$index}}].$invalid && (myForm['input_select_' + {{$index}}].$touched || myForm.$submitted) }">
  <select class="form-control" 
          name="input_select_{{$index}}"
          ng-required="true" 
          ng-options="env for env in types" 
          ng-model="data.type">                 
    <option value="">Select</option>
  </select>
</td> 

Answer 2

Вы пытаетесь с $ index в функции.

<tr ng-repeat="data in myData track by $index">
    <td>
        <select class="form-control" style="color:{{highlight[$index]}};" ng-required="true" ng-options="env for env in types" ng-model="data.type" ng-change="colorchange($index)">                 
            <option value="">Select</option>
        </select>
    </td> 
 </tr>