Question

我正在使用来自angularstrap的'select'小部件。

我想知道如何阻止选择只有一个项目的下拉菜单。默认情况下只选择了一个项目，如何阻止select上的点击事件显示下拉菜单？

这是angularstrap缺少的功能吗？

中的Single select

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>

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

Answer 2

我和@Egan Wolf提到的一样，但问题在于UX。仅仅因为数据已经改变或者不足以用于选择框，向用户显示不同的东西并不是那么好。我将其禁用，以便用户获得清晰的视觉反馈，他/她无法选择更多。

当select只有一个项目时，如何禁用select的下拉菜单

2 个答案: