Почему Angular все еще добавляет неизвестный выбор?

Question

Я довольно новыми для Угловое, так что я что-то тривиальное хватает:

<select ng-model="shop_index"> 
    <option ng-repeat="elem in shops" 
      ng-selected="{{$first}}" 
      ng-value="{{$index}}">{{elem.name}}</option> 
</select> 

Когда я смотрю на созданный HTML-код он выглядит отлично для этого неизвестного записи, за исключением. Я добавляю ng-init="0" в код HTML - без изменений. Я инициализирую значение модели в контроллере (перед извлечением данных) - без изменений. Я запускаю модель после извлечения данных - без изменений. Этот неизвестный вариант просто сваривается :-).

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

Answer 1

Вы должны использовать это:

В вашем контроллер:

$scope.shop_index = $scope.shops[0]; 

В вашем зрения:

<select ng-model="shop_index" ng-options="elem as elem.name for elem in shops"></select> 

Answer 2

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

Значение входного элемента в результате не должно иметь для вас никакого значения.

Директива ngOptions должна быть в форме value as label for object in collection.

Если значения в HTML равны undefined, это связано с тем, что указанное выше выражение неверно - убедитесь, что value указывает на допустимое значение.