Comment définir une option par défaut dans une zone de sélection Angular.js ?

Définition d'une option par défaut dans la zone de sélection Angular.js

Dans Angular.js, définir une option par défaut dans une zone de sélection est une exigence courante. Par défaut, les cases de sélection affichent la première option comme sélectionnée. Cependant, les développeurs peuvent souhaiter spécifier une option différente par défaut en fonction de la logique métier ou des préférences de l'utilisateur.

Considérez l'extrait de code suivant :

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

Avec les données suivantes :

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

Ce code produira une boîte de sélection avec la première option ("Something Cool") sélectionnée par défaut. Pour modifier ce comportement, vous pouvez utiliser la directive ng-init d'Angular.js. ng-init vous permet d'initialiser une variable de portée sur l'élément auquel elle est appliquée.

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

En définissant SomethingHere sur le premier élément du tableau d'options dans la directive ng-init, vous pouvez forcer la case de sélection pour afficher la première option telle que sélectionnée par défaut.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!