Wie lege ich die erste Option als Standard in einem Angular.js-Auswahlfeld fest?

Angular.js: Festlegen einer Standardoption im Auswahlfeld

Bei Verwendung von In den Feldern in Angular.js kann es hilfreich sein, beim Laden der Seite eine Standardoption auszuwählen. Das Standardverhalten wählt jedoch eine leere Option aus, die durch den Wert „?“ dargestellt wird.

Frage

Wie können wir die erste Option in den Daten als Standardwert festlegen? , was zu einer Ausgabe wie Dies:

<select>
    <option value="0" selected="selected">Something Cool</option>
    <option value="1">Something Else</option>
</select>

Antwort

Angular.js bietet eine einfache Möglichkeit, dies mithilfe der ng-init-Direktive zu erreichen:

<select ng-init="somethingHere = options[0]"
        ng-model="somethingHere"
        ng-options="option.name for option in options">
</select>

In diesem Code wird ng-init verwendet, um das SomethingHere-Modell mit dem ersten Element im Optionsarray zu initialisieren. Dadurch wird sichergestellt, dass die erste Option standardmäßig ausgewählt ist.

Das obige ist der detaillierte Inhalt vonWie lege ich die erste Option als Standard in einem Angular.js-Auswahlfeld fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

angular Array select using JS default this

Stellungnahme：

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

Vorheriger Artikel：Warum erzeugt die Verwendung von Backticks mit „console.log“ eine „[\"1\", raw: Array[1]]`-Ausgabe in Google Chrome?Nächster Artikel：Warum erzeugt die Verwendung von Backticks mit „console.log“ eine „[\"1\", raw: Array[1]]`-Ausgabe in Google Chrome?

In Verbindung stehende Artikel

Mehr sehen

• Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
• Detaillierte Erläuterung des JavaScript-Funktions-Curryings
• Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
• Angularjs integriert WeChat UI (weui)
• Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über unsHaftungsausschlussSitemap

© php.cn All rights reserved