Угловая - опция по умолчанию не отображается в раскрывающемся списке

Question

У меня есть список drpdown. В моем html у меня есть это:

<select id="universitySel" ng-model="universityValue" ng-options="university._id for university in universities"> 
     <option value="-1">Choose university</option> 
    </select> 

Я привязываю это выпадающее меню из своей коллекции. Я хочу показать дополнительный текст как первый элемент, как вы видите выше. Первый элемент всегда пуст. Как мне это сделать?

Answer 1

Установите value в пустую строку "":

<option value="">Choose university</option> 

(от угловых в documentation :)

необязательно, один жесткий кодировкой <option> элемента, со значением устанавливается равным пустым строка, может быть вложена в элемент. Затем этот элемент будет представлять нулевую или «не выбранную» опцию.

Answer 2

<select id="universitySel" ng-model="universityValue" ng-options="university._id for university in universities"> 
    <option value="" disabled>--Select your University--</option> 
</select> 

Это сделает ваш код выглядеть идеально.