In AngularJS können Sie mit der ng-options-Direktive
Um Optionen aus einem Array zu generieren, verwenden Sie die folgende Syntax:
<select ng-model="selectedValue" ng-options="item.value as item.label for item in items">
wobei:
Betrachten Sie das folgende AngularJS Controller:
$scope.items = [
{id: '000001', title: 'Chicago'},
{id: '000002', title: 'New York'},
{id: '000003', title: 'Washington'}
];Um diese Daten als
<select ng-model="selectedItem" ng-options="item.id as item.title for item in items">
Um eine bestimmte Option standardmäßig auszuwählen, verwenden Sie die ng-init-Direktive:
<select ng-model="selectedItem" ng-init="selectedItem = items[1]" ng-options="item.id as item.title for item in items">
Durch Hinzufügen einer benutzerdefinierten
<select ng-model="selectedItem">
<option value="">Select One</option>
<option ng-repeat="item in items" ng-value="item.id">{{item.title}}</option>
</select>Um die benutzerdefinierte Standardoption nach der Auswahl auszublenden, verwenden Sie ng- verstecken:
<select ng-model="selectedItem">
<option value="" ng-hide="selectedItem">Select One</option>
<option ng-repeat="item in items" ng-value="item.id">{{item.title}}</option>
</select>Das obige ist der detaillierte Inhalt vonWie erstellt man dynamische Dropdown-Listen in AngularJS mit ng-Optionen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Einführung in die Nutzung von FTP-Servern
So erhalten Sie die Eingabenummer in Java
Was sind nicht relationale Datenbanken?
So verweisen Sie auf CSS in HTML
So wechseln Sie zwischen Huawei-Dual-Systemen
Verwendung des Linux-Komprimierungs-ZIP-Befehls
Die acht am häufigsten verwendeten Funktionen in Excel
js ruft die aktuelle Uhrzeit ab
