javascript - 当select只有一项时如何禁用select的下拉菜单

Question

我正在使用来自 angularstrap 的“选择”小部件。

我想知道如何防止选择的下拉菜单只有一项。默认只选中一项，如何防止select出现下拉菜单的click事件？

它是 angularstrap 缺少的功能吗？

检查 example 中的单选

Answer 1

这不是 angularstrap 功能，但你可以使用像 ng-hide 这样的属性, ng-show或 ng-if隐藏特定的 <div>当您的选择只有一项时的元素。

更新:根据您的示例，更改您的 Single select部分:

<label>Single select:&nbsp;</label>
<button ng-if="icons.length > 1" type="button" class="btn btn-default" ng-model="selectedIcon" data-html="1" bs-options="icon.value as icon.label for icon in icons" bs-select>
  Action <span class="caret"></span>
</button>
<button ng-if="icons.length === 1" type="button" class="btn btn-default" ng-model="selectedIcon" data-html="1">
  {{icons[0].value}}
</button>

我无法添加齿轮图标，但我希望它很容易修复 ;)