Wie lege ich das Wertattribut in ng-options für AngularJS fest?

Werte in ng-options für AngularJS festlegen Mit der ng-options-Direktive von AngularJS können Entwickler Optionen für ein Etikett. Eine häufig gestellte Frage ist, wie das Wertattribut für jede Option festgelegt wird.

Um den Werteinstellungsmechanismus zu verstehen, schauen wir uns die Syntax von ngOptions an. Es nimmt einen Ausdruck in einer dieser Formen an:

Für Arrays:

label for value in array Für Objekte:

label for (key, value) in object Betrachten Sie das folgende Beispielarray:

array = [{ "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" }]; Um die Optionen mit ng-options zu füllen, können wir schreiben:

In diesem Fall bestimmt obj.value die Auswahl Wert für jede Option.

Update: Track by Value Expression

Mit den letzten AngularJS-Updates ist es jetzt möglich, den Wert für das Wertattribut mithilfe eines Track by explizit anzugeben Ausdruck:

Syntax merken

Es kann schwierig sein, sich die ngOptions-Syntax zu merken. Eine hilfreiche Analogie besteht darin, es sich als eine erweiterte Version des Listenverständnisses von Python vorzustellen:

[x**2 for x in [1, 2, 3, 4, 5]] In ng-options unterscheiden wir jedoch zwischen dem Wert und dem Text, der für jede Option angezeigt wird, indem wir das Schlüsselwort as verwenden:

person.id as person.name for person in people Für JavaScript-Objekte ist die Syntax ähnlich und verwendet (Schlüssel-Wert-)Paare:

for (key, value) in object