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!
Audiokomprimierung
Inländische Plattform für digitale Währungen
Isolationsstufe für MySQL-Transaktionen
Welche sind die am häufigsten verwendeten Drittanbieter-Bibliotheken in PHP?
Die Rolle von Serverlet in Java
Komplementalgorithmus für negative Zahlen
So lösen Sie das Problem, dass JS-Code nach der Formatierung nicht ausgeführt werden kann
Was lohnt sich mehr zu lernen, C-Sprache oder Python?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
