Définition des valeurs dans ng-options pour AngularJS

La directive ng-options d'AngularJS permet aux développeurs de renseigner les options d'une balise . Une question courante qui se pose est de savoir comment définir l'attribut value pour chaque option.

Pour comprendre le mécanisme de définition des valeurs, examinons la syntaxe de ngOptions. Il prend une expression sous l'une de ces formes :

Pour les tableaux :

label for value in array

Pour les objets :

label for (key, value) in object

Considérez l'exemple de tableau suivant :

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

Pour remplir les options en utilisant ng-options, on peut écrire :

Dans ce cas, obj.value déterminera la valeur sélectionnée pour chaque option.

Mise à jour : suivi par expression de valeur

Avec les mises à jour récentes d'AngularJS, il est désormais possible de spécifier explicitement la valeur de l'attribut de valeur à l'aide d'un suivi par expression :

Mémoriser le Syntaxe

La syntaxe ngOptions peut être difficile à retenir. Une analogie utile consiste à y penser comme une version étendue des compréhensions de liste de Python :

[x**2 for x in [1, 2, 3, 4, 5]]

Cependant , dans ng-options, on distingue la valeur et le texte affiché pour chaque option en utilisant le mot-clé as :

person.id as person.name for person in people

Pour les objets JavaScript, la syntaxe est similaire, en utilisant des paires (clé, valeur) :

for (key, value) in object