Wie lege ich eine Standardoption in einem Angular.js-Auswahlfeld fest?

Festlegen einer Standardoption im Auswahlfeld von Angular.js

In Angular.js ist das Festlegen einer Standardoption in einem Auswahlfeld eine häufige Anforderung. Standardmäßig wird in Auswahlfeldern die erste Option als ausgewählt angezeigt. Allerdings möchten Entwickler möglicherweise basierend auf Geschäftslogik oder Benutzerpräferenzen eine andere Option als Standard angeben.

Betrachten Sie den folgenden Codeausschnitt:

<select ng-model="somethingHere" 
        ng-options="option.value as option.name for option in options">
</select>

Mit den folgenden Daten:

options = [{
   name: 'Something Cool',
   value: 'something-cool-value'
}, {
   name: 'Something Else',
   value: 'something-else-value'
}];

Dieser Code erzeugt ein Auswahlfeld, in dem die erste Option („Etwas Cooles“) standardmäßig ausgewählt ist. Um dieses Verhalten zu ändern, können Sie die ng-init-Direktive von Angular.js verwenden. Mit ng-init können Sie eine Bereichsvariable für das Element initialisieren, auf das sie angewendet wird.

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

Indem Sie „somethingHere“ auf das erste Element des Optionsarrays in der ng-init-Direktive setzen, können Sie das Auswahlfeld erzwingen um die erste Option als standardmäßig ausgewählt anzuzeigen.

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