如何顯示所有值，但只有一個允許在角選擇中選擇

我想知道是否有辦法有一個選擇功能爲「列表框」，而它會顯示所有它的值，如用戶名列表，但只允許選擇1（例如連接到按鈕）。如何顯示所有值，但只有一個允許在角選擇中選擇

我可以選擇，以顯示它是通過值列表：

<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>

但是，這也使得多選擇，我怎麼能顯示值的完整列表，但要禁用多選擇？

來源

2017-07-24 RandomUs1r

我對這些屬性進行了格式化，以使它們更具可讀性如果這對您有好處 –

好了，我討厭做簡短的回答......但只是刪除了「多」屬性應該做的工作，是不是？

您的代碼就變成了：

<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。

來源

2017-07-24 16:04:23 Alburkerk

這應該是有效的（只允許選擇一個），但是我猜想用這個解決方案，「作爲」列表框「」部分將不會被滿足了。也許應用一些可以模擬的CSS。 – lealceldeiro

哦，你是對的，我完全回答得太快 – Alburkerk

@Alburkerk是把它變成一個下拉作爲lealceldeiro表示。我並不挑剔它如何看起來像一個列表框，但我似乎無法找到如何這樣做的例子。 – RandomUs1r

如何顯示所有值，但只有一個允許在角選擇中選擇

回答

相關問題