Angular - 选择未在下拉列表中显示的默认选项

Question

我有一份名单。在我的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>

（来自Angular的documentation：）

  

可选地，单个硬编码的<option>元素（其值设置为空字符串）可以嵌套到元素中。然后，此元素将表示null或“未选中”选项。

Answer 2

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

这将使您的代码看起来更完美。