Comment définir l'attribut value dans ng-options pour AngularJS ?

Définition des valeurs dans ng-options pour AngularJS La directive ng-options d'AngularJS permet aux développeurs de renseigner les options d'un étiqueter. 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érons l'exemple de tableau suivant :

array = [{ "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" }]; Pour remplir les options à l'aide de ng-options, on peut écrire :

Dans ce cas, obj.value déterminera le sélectionné valeur 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émorisation de la syntaxe

La syntaxe ngOptions peut être difficile à rappeler. 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, nous distinguons 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