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

Angular - Default option of select not showing in dropdown

本文关键字：默认 选项 下拉列表 选择 显示 Angular-      更新时间：2024-01-25

我有一个drpdown列表。在我的html中，我有这个：

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

我从我的收藏中绑定了这个下拉列表。我想显示可选文本作为第一个元素，正如您在上面看到的。第一个元素始终为空。我该怎么做？

将value设置为空字符串"":

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

（来自Angular的文档：）

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

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

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

相关文章：