У меня есть список, который я создаю с помощью select, используя AngularJS ng-repeat. Список будет создан правильно, и когда я выберу один из элементов и нажму кнопку, я перейду к функции и буду иметь нужную информацию.
Мой код html выглядит следующим образом:
<select size="6" ng-model="item" ng-options="s.name for s in itemlist"></select>
<button class="btn tt-btn-blue" ng-model="singleModel" ng-click="onLoadClicked(item.id)">Load</button>
Моя проблема заключается в том, что при рисовании списка отображается один элемент в верхней части, который пуст. Когда я проверяю список во время выполнения в Chrome, я получаю следующий вывод в консоли:
<select size="6" ng-model="item" ng-options="s.name for s in itemlist" class="ng-pristine ng-valid">
<option value="?" selected="selected"></option>
<option value="0">Item 1</option>
<option value="1">Item 2</option>
<option value="2">Item 3</option>
<option value="3">Item 4</option>
<option value="4">Item 5</option>
<option value="5">Item 6</option>
</select>
Мне интересно, как я могу избавиться от первого варианта, вставленного ng-repeat. Я не хочу видеть пустое место в верхней части списка. Я понимаю, что одним из вариантов было бы установить первый фактический параметр (value = "0" ) в качестве выбранного элемента, но я бы предпочел, чтобы не было выбранных элементов для запуска.