Question

我想知道是否有办法将选择功能作为“列表框”，而它显示所有值的值，例如用户名列表，但只允许选择1（例如，连接到一个按钮）。

我可以通过以下方式让select显示它的值列表：

<select id="pendingInvites" class="selectAlternateEvens" style="width: 85%; height: 300px;" 
        ng-options="invite.userName as invite.userName for invite in PendingInviteList"
        multiple
        ng-model="selectedPendingUserName">
</select>

但这也启用了多选，如何显示完整的值列表，但禁用多选？

Answer 1

好吧，我讨厌做出简短的答案......但只需删除＆＃34;多个＆＃34;属性应该做的工作，不是吗？

您的代码变为：

<select id="pendingInvites" class="selectAlternateEvens" style="width: 85%; height: 300px;" 
    ng-options="invite.userName as invite.userName for invite in PendingInviteList"
    ng-model="selectedPendingUserName">
</select>

修改

很抱歉，回答速度太快，here是一个可以实现工作的纯粹列表组件概念的证明。我使用了一个旧的jsfiddle，并出于速度原因对其进行了调整，不要注意我的代码有多糟糕：我希望你能使用更好的数据模型，而不仅仅是改变字符串，但这取决于你，这只是为了向你展示html。

如何显示所有值，但只允许在Angular Select中选择一个

1 个答案: