Wie kann ich eine Liste von Elementen anzeigen, aber die Auswahl in Angular deaktivieren?

Question

Ich habe Probleme, ein Beispiel zu finden, wie man eine Liste von Elementen von select präsentiert, aber ohne Multi-Select zu aktivieren (was ich nicht will).

Mein Code:

<select id="documentList" class="selectAlternateEvens" style="width: 85%; height: 300px;" 
ng-options="a.key as a.value for a in documentList" multiple ng-model="selectedDocument"> 
</select> 

Ich mag dokumente als ... listbox präsentiert haben, aber nur 1 Dokument zu einem Zeitpunkt wählen (selectedDocument nicht mehr ein Array wäre würde ich vorstellen). Jede Hilfe wird sehr geschätzt!

Answer 1

Das Attribut 'multiple' ermöglicht die Mehrfachselektion. Entfernen Sie es.

Wenn Sie nur eine Liste anstelle eines Dropdown-Menüs anzeigen möchten, verwenden Sie das Attribut 'size'.

<select id="documentList" class="selectAlternateEvens" style="width: 85%; height: 300px;" 
ng-options="a.key as a.value for a in documentList" size="4" ng-model="selectedDocument"> 
</select>