Вот мой HTML кодКак установить дисплей в тег выбора в нг-опций
<select ng-model="something" ng-options="availThing.description for availThing in availableThings >
<option value="">-- select field --</option>
</select>
То, что я хочу сделать, это в какой-то выберите элемент, на дисплее по умолчанию определенный тег не «--select поле - ».
И не могу по умолчанию использовать значение ng-model.
Как это установить?
Почему бы не использовать ng-repeat?
<select>
<option value="somthing">-- select field --</option>
<option ng-repeat="availThing in availableThings" value="{{availThing.description}}">
{{availThing.description}}
</option>
</select>
Вы можете предварительное заполнение правильного варианта, установив ng-model на элемент из коллекции.
Однако, если вы установили его в элемент, который не находится в этой коллекции, ваш ng-model останется установленным, но элемент не будет отображаться в раскрывающемся списке или, как представляется, визуально установлен.
Окончательный вариант, который был выполнен в прошлом, похож на ваш. Однако я обнаружил, что даже когда пользователь выбрал опцию, что выбор select option по-прежнему доступен. Решением было добавление ng-if.
<select ng-model="selected3" ng-options="item for item in items">
<option value="" ng-if="!selected3">-- select field --</option>
</select>
Это отобразит элемент, только если вы не выбрали вариант. Использование ng-if и не ng-show/hide означает, что элемент удаляется из DOM, так что вы не можете случайно выбрать его с помощью CSS и т.д.
см скрипки: http://jsfiddle.net/hd89kds6/1/
* по умолчанию дисплея определенного тег не поле выбора *, что вы имеете в виду тем? –
Возможный дубликат http://stackoverflow.com/questions/17329495/how-to-use-ng-option-to-set-default-value-of-select-element – ste2425
@AlexJolig Извините, мой плохой. Я имею в виду, что у меня есть дополнительная опция "--select fileld--". Я хочу, чтобы часть моего окна выбора отображала другой тег, а не этот по умолчанию. –