Heim > Web-Frontend > js-Tutorial > Wie legt man den Wert für eine Option in der ng-options-Direktive von AngularJS fest?

Wie legt man den Wert für eine Option in der ng-options-Direktive von AngularJS fest?

Patricia Arquette
Freigeben: 2024-11-07 10:29:02
Original
1005 Leute haben es durchsucht

How do you set the value for an option in AngularJS' ng-options directive?

Optionswert in den ng-options von AngularJS abrufen

In der ng-options-Direktive kann der Wert für eine Option angegeben werden für manche verwirrend. Der Dokumentation mangelt es an Klarheit, aber das Verständnis des zugrunde liegenden Verständnisausdrucks verdeutlicht den Prozess.

Um den Wert für eine Option festzulegen, verwendet AngularJS einen Verständnisausdruck, der den Listenverständnissen von Python ähnelt. In AngularJS kann der Verständnisausdruck für ng-Optionen verschiedene Formen annehmen.

Syntax für Array-Datenquellen:

Bezeichnung für Wert im Array
Als Beschriftung für Wert im Array auswählen
Gruppe für Gruppe für Wert im Array beschriften
als Beschriftung Gruppe für Gruppe für Wert im Array auswählen Array-Spur nach Spurexpr

Syntax für Objektdatenquellen:

Beschriftung für (Schlüssel, Wert) im Objekt
Als Beschriftung auswählen für (Schlüssel, Wert) im Objekt
Beschriftung Gruppe für Gruppe für (Schlüssel, Wert) im Objekt
Als Beschriftung Gruppe für Gruppe auswählen für (Schlüssel, Wert) im Objekt

Für Ihren speziellen Fall wäre die korrekte Syntax:

array = [{ "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" }];


Update mit AngularJS-Updates:

Neueste AngularJS-Updates ermöglichen das Festlegen der tatsächlicher Wert für das Wertattribut des ausgewählten Elements mithilfe eines Track-by-Ausdrucks:


Mnemonics:

Um sich an die komplizierte Syntax zu erinnern, ist es hilfreich, sie in kleinere Teile zu zerlegen:

Bezeichnung -> was Sie auf dem Bildschirm sehen möchten
für -> gibt das Array oder Objekt an, über das iteriert wird
value -> was im Wertattribut der Option gespeichert werden soll
as -> Wird verwendet, um den Wert auf dem Bildschirm als etwas anderes zu kennzeichnen (optional)
Gruppieren nach -> Wird zum Gruppieren der Optionen verwendet (optional)
track by -> Wird verwendet, um den Wert des Wertattributs der Option festzulegen (optional)

Wenn Sie die Syntax verstehen und diese Mnemoniken verwenden, können Sie die Werteigenschaft in den ng-Optionen von AngularJS sicher festlegen.

Das obige ist der detaillierte Inhalt vonWie legt man den Wert für eine Option in der ng-options-Direktive von AngularJS fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage